忙，没时间整理。最近遇到了一些CSS相关的问题。我之前印象中就是这么用的。不知道为什么，今天就大致整理一下（会散）。BoxmodelW3C标准/IEboxmodel标准boxmodel:width=contentwidth(content)+border+padding+marginIEboxmodel:width=contentwidth(content+border+padding)+marginbox-sizing用于控制boxmodel元素分析模式。默认为content-boxcontent-box：W3C标准盒模型，设置元素的width/height属性是指content部分的width/height。border-box：IE传统盒模型，设置元素的width/height属性是指（content+border+paddubg）块级/内联元素的宽/高及其区别常用的块级元素div/table/h1-h6/p/form/ol等，以及html5新加入的section/canvas/audio/video等块级元素：起一个新行，可以设置width，margin，边框、填充、宽度属性。默认宽度是容器的100%。行内元素a/input/textarea/button/label/select等，行宽/高就是内容的宽/高。可以设置margin-left和margin-right属性。margin-top和margin-bottom属性不能设置。不再添加BFC（blockformattingcontext：块格式化上下文）。BFC指定内部BlockBox的布局方式。可以参考CSS的BFC特性：内部的Box会在垂直方向上依次放置。Box的垂直距离由margin决定。属于同一个BFC的两个相邻Boxes的边距将与每个元素的边距框重叠。BFC的左侧与包含块边框框的左侧相接触。BFC的区域不会和浮动框重叠。BFC是页面上一个隔离的、独立的容器。容器内部的子元素不会影响外部元素。在计算BFC的高度时，Floating元素也会参与计算触发BFC条件：float的值不为none，position的值不为static或者relativedisplay的值为inline-block，table-cell，table-caption,inline-flexorflex,overflow的取值不是visiabl::before中的双冒号和单冒号的区别:before:单冒号:用于CSS3中的伪类,双冒号::used对于CSS3::brfore中的伪元素是存在一个子元素，定义在元素body内容之前的DOM中不存在的伪元素。:before和:after这两个伪元素是CSS2.1中新增的。起初，伪元素的前缀使用的是单冒号语法，但随着Web的演进，在CSS3规范中，伪元素的语法被修改为使用双冒号，变成了::before::after常见的兼容性问题是逐步识别的方式，逐渐从整体中排除部分。首先，巧妙地使用“9”标记将IE与所有情况区分开来。然后，再次使用“+”将IE8和IE7、IE6分开，这样IE8就已经独立识别了。div{背景颜色：#ffffff;/*所有识别*/background-color:#fbfbfb;/*IE6,7,8识别*/+background-color:#fcfcfc;/*IE7识别*/_background-color:#fdfdfd;/*IE6识别*/}Chrome支持小于12px的文字p{font-size:10px;-webkit-转换：规模（0.8）；}//0.8为缩放比例位置：flxed在android
