CSS常见问题

169 阅读1分钟

1.标准的CSS的盒子模型与低版本IE的盒子模型的不同 标准的css盒子模型宽高就是内容区宽高(content)  低端IE css盒子模型宽高 内边距﹢边界﹢内容区(padding+border+content) 2.box-sizing属性 用法:规定容器元素的最终尺寸的计算方式

box-sizing的默认值为content-box div 容器的实际宽度为:100px(width)+2*10px*(padding)+2*10px(border)=140px 容器比预期大,会破坏网页布局,加上box-sizing:border-box;内容部分(content)的有效宽度变成了 100px-2*10px-2*10px =60px;会得到一个预期大小的盒子容器 3.CSS优先级算法: 标签选择符 1 (tagname) eg: p{ } class类选择符 10 id选择符 100 行间样式 1000 !important>行间样式>优先级id>class=属性>标签选择器>通配符选择器