w3c规范结构标准语言样式标准语言行为标准语言1盒模型常见的盒模型是w3c盒模型（也称为标准盒模型）box-sizing：content-box和IE盒模型（也称为奇怪的盒子模型）box-sizing:border-box.标准盒模型：width=content宽度（content）+border+padding+margin低版本IE盒模型：width=content宽度（content+border+padding）+margin2css3新特性常见问题：word-wraptextwraptext-How溢出超出指定容器边界时显示文字装饰VideoRGBA和透明度css3borderborder-radius圆角box-shadowboxshadowborder-imageborderimagecss3backgroundbackground-imagebackgroundimagebackground-sizebackgroundsizebackground-originbackgroundimagepositionareabackground-clipbackgroundclipping属性指定从位置开始绘制css选择器和优先级！importantinlinestyleid选择器类选择器属性选择器伪类选择器元素选择器关系选择器伪元素选择器通配符选择器1，类选择器：10,idSelector:100，内联样式的权重最大，为1000！important声明的样式优先级最高，有冲突才会计算。如果优先级相同，则选择最后出现的样式。继承样式的优先级最低。什么是CSS选择器？哪些属性可以继承？CSS选择器：id选择器（#myid）、类选择器（.myclassname）、标签选择器（div、h1、p）、相邻选择器（h1+p）子选择器（ul>li）、后代选择器（lia）、通配符选择器(*)，属性选择器(a[rel=”external”])，伪类选择器(a:hover,li:nth-child)可继承属性：font-size,font-family,color不可继承样式：border,padding,margin,width,heightBFCBFC是块级格式化上下文。在计算BFC高度时，浮动元素也会参与计算，BFC元素的垂直边距会重叠。BFC的区域不会和浮动元素的框重叠。BFC在页面上是一个独立的容器，BFC应用内外元素互不影响：防止边距重叠清除内部浮动自适应双列布局防止字体换行BFC生成条件：根元素float值不为noneoverflowvalueisnotvisibledisplayvalueisinline-block,table-cell,table-captionposition的值为absolute，固定弹框display:flex;align-items:center;justify-conter:center;图片集成技术的优势是减少了对服务器的请求次数，减少了图片体积，提高了加载速度。元素不需要垂直居中和水平居中知道宽高position:absolute;顶部：0；左：0；右：0；底部：0；保证金：自动；需要知道宽高position:absolute;顶部：50%；左：50%；margin-top:+/-50%（自身高度的50%）；左边距：+/-50%；元素水平居中margin:0auto;css定位方法position:static;//默认定位position:relative;//相对定位（引用对象本身，不脱离文档流）position:absolute;//绝对定位（引用对象为父元素，遵循就近原则，查找父元素及其祖父元素并设置position:relative属性进行定位，脱离文档流；如果不设置定位属性，则使用根元素进行定位。)position:fixed;//Fixed定位（参考对象是可见区域的窗口，不在文档流中），相对于浏览器窗口定位。position:sticky;//display:none和visibility:hidden区别？display:none表示元素完全不显示，不占空间，涉及DOM结构，所以重排重绘发生Redraw，但不能触发绑定事件rem和em的区别一句话，是谁浏览器转换成"px"rem是根据html的font-size值。1rem=16pxem是基于父元素的font-size值。清除浮点数方法一：clear:bothclear:both;方法二：通用clearfloat.clean{content:'.';高度：0；显示：块；清除：两者；溢出：隐藏；可见性：隐藏；价值？解释他们的作用？内联默认。该元素将显示为内联元素，元素前后没有换行符。block该元素将显示为块级元素，在此元素前后有换行符。none该元素不会显示（隐藏）。inline-block行内块元素。(CSS2.1新值)list-item该元素将显示为列表。table该元素将显示为块级表（类似于table）。表格前后有换行符。为什么需要初始化CSS样式？因为浏览器兼容性问题，不同的浏览器对一些标签的默认值不同。如果CSS不正确，初始化往往会导致浏览器之间的页面显示差异。浏览器内核TridentIE浏览器GeckoFirefox浏览器WebkitChromeSafariBlinkChromeOpera移动端1像素问题一般而言，在PC浏览器中，设备像素比dpr等于1，1个css像素等于1个物理像素；但在retina屏中，dpr一般为2或3，1个css像素不再等于1个物理像素，所以在实际设计稿中还是比较粗的。伪元素+scale.box{width:100%;高度：1px；保证金：20px0;位置：相对；}.box::after{内容：'';位置：绝对；底部：0；宽度：100%；高度：1px；变换：scaleY（0.5）；变换原点：00；背景：红色；
