HTML学习笔记<7>[CSS]

1. 列表样式设置

CSS列表属性见下表



list-style-image属性值与<a>标签类似，略。

list-style-type属性值如下表：



2. CSS框模型

规定了元素框处理元素内容、内边距、边框、外边距的方式。

element：元素
padding：内边距 border：边框
margin：外边距

①：内边距设置

可使用padding-top/right/bottom/left四个属性分别设置上右下左四个内边距的具体数值，属性值可为百分比
也可为具体像素值。

注：内边距具体值不可为负值。

②：外边距设置

同内边距。注：外边距具体值可为负值。

③：边框设置

边框样式、颜色、宽度等属性设置，同上。

3. CSS定位

CSS定位属性如下表：



①：通过使用position属性，可是设置四种不同属性值，这回影响元素框的生成方式。

static：元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多
个行 框，置于其父元素中。

relative：元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。

absolute：元素框从文档流完全删除，并相对于其包含块定位。

fixed：元素框的表现类似于将 position 设置为 absolute，不过其包含块是视窗本身。

②：top/right/bottom/left属性值设置同框模型，略。

③：overflow属性值如下表：