17、网页样式与DOM操作全解析

网页样式与DOM操作全解析

1. 样式表基础

1.1 样式表单位

样式表属性支持多种单位，以下是常见的几种：
| 单位 | 说明 | 示例 |
| ---- | ---- | ---- |
| px | 像素，计算机屏幕或其他设备上最小的可寻址单位。在某些非典型分辨率的设备上，浏览器可能会重新缩放该值以适应设备。 | 15px |
| pt | 点，是字体大小的标准单位。指定点大小的文本大小会根据显示器分辨率而变化，1 点等于 1/72 英寸。 | 10pt |
| ex | 当前字体中字母 x 的近似高度。 | 1.2ex |
| em | 当前字体中字母 m 的近似宽度，通常等于当前元素的 font - size 属性。 | 1.5em |
| % | 包含对象值的百分比。 | 150% |

选择使用哪种单位通常取决于便利性。例如，点大小常用于字体，像素单位用于层或其他对象的大小和位置等。

1.2 创建简单样式表

以下是一个使用 CSS 创建具有多种样式的网页示例：

<style type="text/css">
    BODY {color: blue}
    P {text-align: center;
       margin-left:20%;
       margin-right:20%}
    H1, H2, H3 {color: red}
    UL {color: green;
        font-weight: bold}
</s