CSS心得宝典

初学者必备 Html属性不能重复使用，但css的属性是后写的替换先写的

子级标签属性会继承父级标签属性

子级标签属性与父级冲突，子级优先

布局级别就是排队级别：默认布局级，浮动布局级，定位布局级

默认布局级下标签间的margin值共用

浮动布局级下margin值相加

绝对定位安置位置参考文档

相对定位安置位置参考本身

固定定位安置位置参考窗体

宽度属性认知： 默认布局级，块元素有默认宽度，宽度由父级决定，因此建议宽度尽量设置给父级，易控。 浮动布局级，块元素无默认宽度，宽度由子级支撑，但宽度可相对父级设置百分比。

高度属性认知： 父级有高度设置时，子级可溢出，父级无高度设置时由子级内容支撑，因此建议高度值尽量设置给子级，易控。 CSS中可继承的属性

所有元素可继承：visibility和cursor

内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction

块状元素可继承：text-indent和text-align

列表元素可继承：list-style、list-style-type、list-style-position、list-style-image

表格元素可继承：border-collapse

CSS中不可继承的属性

display、margin、border、padding、background、height、min-height、 max-height、width、min-width、max-width、overflow、position、left、right、top、 bottom、z-index、float、clear

CSS优先级

CSS优先级：ID选择器 > 类选择器 > 标签选择器

CSS派生选择器优先级的计算规则如下：

ID选择器 加100

类选择器 加10

标签选择器 加1

将数值累加，就得到每个CSS定义的优先级的值，

数值大的CSS样式的优先级高。