这是CSS笔记

什么是BFC

块级格式上下文，表示独立渲染的一个区域。

• 根元素、overflow不为visible、float不为none、display: table-cell|inline-block、position: absolute|fixed可以触发BFC。
• BFC不与float重叠，用于两栏布局。
• BFC内部元素不受外部影响，用于解决外边距合并问题。
• BFC包含内部float高度，用于清除浮动。

伪类和伪元素

伪类：例如:hover等，操作元素的特殊状态时的样式 伪元素：::before、::after用于创建不在文档树中的元素，并添加样式。

不定宽高元素垂直居中

flex, display: table-cell; vertical-align: center; text-align: center; absolute + translate 适用行内元素

href与src的区别

href表示超文本引用，浏览器遇到href会并行下载，不会停止当前文档的处理。所以建议使用link引入css。 src表示资源替换，浏览器会停下其它任务，先下载src资源并处理，所以script标签要放最后。