CSSCSS(CascadingStyleSheet):层叠样式表,控制网页的样式。选择器区分大小写。使用选择器定位DOM(DocumentObjectModel)元素,对元素应用各种样式规则,改变页面上的元素使用上面的显示方式:内联样式+内部样式+外部样式框模型标准框模型=内容+边框+padding+marginIEboxmodel=content(content+border+padding)+marginspace=padding(innermargin)+margin(outermargin)+border(border)块级元素/内联元素块级元素:默认宽度为100%,块级元素会自动换行开始。divtableh1-h6pformolsectioncanvasaudiovideoinline元素:与其他元素在同一行,width/height为内容的宽高,内层的top/bottom(padding-top/padding-bottom)外边距(margin-top/margin-bottom)的margin和top/bottom不能改变aspanbimginputselectstrongBFC(block-levelformattingcontext)Block-levelformattingcontext是一个独立的渲染区域,隔离BFC内部的区域不受外部元素的影响,这样内部和外部元素的定位就不会受到影响。是IE下的layout,可以通过zoom:1;来触发。在计算BFC容器的高度时,浮动元素也会参与计算。容器中的盒子会在垂直方向上一个接一个地放置。两个相邻的框的边距会重叠。触发BFC:float:none;位置:绝对;位置:固定;显示:内联块/表格单元格/内联柔性/felx;溢出:可见;在三维空间中堆叠context.z轴高于普通元素。触发条件:html,position,flex,transformopacityfilterwill-changeCascadinglevel:在同一个stackingcontext中,stackinglevel是有意义的。背景色
