HTML入门笔记番外

这个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

就可以生成链接，后面再附上你的文件名字即可。