- 选择器的优先级：!importan>style>id>class（内联>外联）>标签选择器
- div和span的区别：
- div是block元素，可以设置宽度和高度；可以用 "style"中的 "text-align: center"将块中的inline元素和inline-block元素居中（需要注意：此时inline-block元素中的inline元素默认剧中，如果不符合要求，需要将其设置为其他的 "text-align"属性）
- span是inline元素，不可以设置宽度和高度，只可以设置行高，宽度由内容自动撑开，"text-align"属性对其无效
- 后代选择器会选择所有的后代（包括后代的后代，即内嵌的也会被选择，不过需要注意，
<a>标签比较特殊，不能内嵌任何元素，切记） - 基本格式为：p a{ ··· } p .tag{ ··· } #h1 .tag{ ··· } #h1 a{ ··· } ···
- 子选择器——只选择直接后代（即不包括后代的后代）
- 基本格式：p>a{} p>.tag{} ···
- 相邻同辈选择器选择相邻的指定元素（及其所有的后代，也就是后代的后代）
- 基本格式：p+a{} p+.tag{} ···
- 相邻：即与本标签同辈，且位于本标签下方（上方的标签不会被选中）的标签（且为指定的标签）
<abbr>标签是一个显示缩写的标签，是inline元素，他的title属性用于解释缩写的具体含义
- cursor属性用于设置当鼠标悬停在内容上时，鼠标的图标。其取值有：help,move,install···
- 伪元素：
::brfore /*内容的开头*/
::after /*内容的末尾*/
::first-line /*第一行*/
::first-letter /*第一个字符*/
content: '你好'; /*一个文本：你好。这个是CSS用于添加一个HTML文本内容的方法*/
- 伪类:
a:link{} //未访问的链接
a:visited{} //访问过的链接
a:hover{} //当鼠标悬停时的样式
a:focus{} //当获得键盘焦点时的样式
a:action{} //活动状态的样式，如鼠标点击，键盘输入
- 结构化伪类
- nth-child(参数)
- 参数：
odd/even //奇数/偶数
N //1~∞ 表示指定某一行或列
3n+4 n∈[1,+∞) //即，表达式方式显示
- nth-last-child(参数)
- 参数：与上一个的区别，从最后一行开始计数
- first-child //第一个
- last-child //最后一个
- 表单样式
- required表示表单元素为必填元素
- input:required{} 可以选择必填元素
- optional与required相对，可选项元素
- 避免JavaScript“渲染阻塞”：
- 主流做法：在
</body>之前加载Javascript - 比较现代的做法：
- 在
<head>中使用<script>标签，但添加async和defer - 区别：
- async：异步加载，不阻塞HTML解析，但在脚本加载完毕执行时，阻断HTML解析
- defer：异步加载，但会在HTML解析完之后再执行脚本
更新时间：2019年7月28日 10点40分
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
