正在加载…
请使用更现代的浏览器并启用 JavaScript 以获得最佳浏览体验。
加载论坛时出错,请强制刷新页面重试。
CSS-03
wxf333
CSS 三大特性:
层叠性:相同的选择器设置相同的样式
样式冲突,就近原则,哪个样式离结构近,执行哪个
不冲突,不重叠
继承性:子标签继承某些父标签样式
简化代码
某些:text- ,font- ,line- ,color ,height
优先级:同一个元素指定多个选择器
选择器相同,执行层叠性
选择器不同,按照权重执行
继承的权重为0,元素如果没有直接呗被选中,不管父亲权重多高,子元素得到的权重都为0
复合选择器权重叠加
盒子模型:
border:
border-width:px
border-style:none ,olid ,dashed ,dotted
border-color:
简写:border: 1px none pink (没有顺序)
border-collapse:collapse合并相邻边框
content:
*
padding:
left ,right ,top ,bottom
复合性写法:顺时针从上到上
如果盒子本身没有指定 width/height属性,则此时 padding不会撑开盒子大小
margin:
left ,right ,top ,bottom
块级盒子水平居中
前提:盒子制定了 width并且左右的外边距设为 auto
写法:margin-left:auto; margin-right:auto或 margin:auto或 margin:0 auto
注意:行内元素或者行内块元素水平居中给其父元素添加 text-align:center即可
嵌套块元素塌陷
为父元素定义上边框
为父元素定义内边距
为父元素添加 overflow:hidden
清除内外边距
padding:0; margin:0;
行内元素为了照顾兼容性,尽量只设置左右,不设置上下。行内块、块级不做要求