0
点赞
收藏
分享

微信扫一扫

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

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

举报

相关推荐

0 条评论