持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第16天，点击查看活动详情
- 在Chrome浏览器中按F12进入开发者工具，选择Element可以查看网页的代码，右边的style中可以查看css样式，双击还可以更改，也可以查看哪些样式正常显示了哪些没有，但是刷新后可以恢复原样式
- SEO（搜索引擎优化）：经常会用到一些HTML标签，来突出网页中关键词或重要的主题，这种标签我们就称为HTML权重标签，例如h系列、strong、em；结构化、语义化清晰的网站，更利于网站的搜索排名，要善于使用语义化明确的标签描述页面结构，例如h系列、p、ul、ol、dl等，以及h5新增的标签；SEO操作的时候，也会用到一些HTML标签的属性，来突出网页中关键词，例如meta标签的name属性（keywords、description），超级链接和图片的title、alt属性，e.g.
- 容器级和文本级标签：
- 划分依据：根据标签内部可以存放的元素内容不同划分，与css样式无关
- 容器级：标签内部可以存放任意内容，包含容器级标签，比如h1、div、span等
- 文本级：标签内部只能存放文字或类似文字的内容，比如存放图片、表单元素等，比如p等。图片、表单等均是单标签不属于以上两种。
- css中的行内（不可以独占一行）和块级元素（可以独占一行）指的是一个元素的在浏览器中的显示模式，与内部内容无关；容器级、文本级标签和行内元素、块级元素无关。
- 返回顶部的制作：利用a标签中，将href值赋为#，即可跳转到页面顶部
- textarea文本框可以被用户随意拖拽，使用css样式中的resize:none;可以解决问题
- css选择器权重：
- 基础选择器权重：!important>行内>id>类>标签>通配符
- 高级选择器权重：依次比较（id，类，标签）的个数
- 注意：id不等于10个类
- link标签的书写位置：可以写在HTML中的任意位置。但是建议：写在head标签内部，保证HTML元素渲染完后就是有样式的，提高用户体验。style标签也是同理
- 浏览器在加载HTML文件时，从上往下进行渲染，如果link写在body内部的结构后面，会导致前面的元素没有样式，不利于用户体验，另外浏览器渲染到link时，表示页面样式发生了改变，会重新渲染前面的HTML元素，导致页面加载时间变长
