这个blog是为了记录自己在学习HTML时候遇到的一些不知道如何归类的问题以及解决的思路。会长期更新发布。
原来的页面也太丑了8!
方方老师上课时候提到,原本的页面都是丑不拉几的,所以需要每个人自己把原来的页面样式除去。一般一个前端都会另外整一个style来消除原本页面的样式。
那如何知道浏览器的默认样式呢?首先找到开发者工具打开。
这个用红色笔笔圈出来的就是开发者默认样式啦,你需要修改也非常容易。
只需要
<style>
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
*::after,
*::before {
box-sizing: border-box;
}
h1,h2,h3,h4,h5,h6{
font-weight: normal
}
</style>
就可以实现页面基本样式都么得了,然后自己可以定义css。
方方常用代码记住就完事了。
Tips:
- 这里面的开发者默认样式不一定符合css语法。但不代表错了。
用什么来预览html
一般可以用http-server来,只需要
http-server -c-1
就可以生成链接,后面再附上你的文件名字即可。