# 这是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标签要放最后。