12、HTML元素样式与列表样式全解析

HTML元素样式与列表样式全解析

在网页设计中，元素的样式设置对于页面的美观和布局起着至关重要的作用。下面将详细介绍HTML元素的各种样式属性，包括垂直对齐、盒子属性、边框以及列表样式等方面的内容。

1. 垂直对齐属性（vertical-align）

垂直对齐属性不仅适用于表格元素的 top 、 middle 和 bottom 这三个值，还可以使用固定或相对单位指定偏移值。例如：

span.upper { vertical-align: 10px; }
p.under    { vertical-align: -1em; }
div.topper { vertical-align: 50%; }

此外，该属性还可以使用以下关键字值： super 、 sub 、 text-top 或 text-bottom 。 super 和 sub 用于将文本移动到上标和下标合适的位置，效果等同于使用 <sup> 和 <sub> HTML 元素。 text-top 和 text-bottom 则分别指示浏览器将文本内联框的顶部或底部与父元素内容区域的顶部或底部对齐。

2. 盒子属性（B