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