2.3 CSS 基础
CSS（Cascading Style Sheet，层叠样式表）用来规定对应 HTML 文档的呈现形式，就像 HTML 中的字体标签和颜色属性所起的作用那样，开发者可以使用选择器来定位 DOM 中的 HTML 元素，然后将所定义的属性应用到该元素以更改其在页面上的显示方式。样式通常保 存在外部的 CSS 文件中，我们只需要编辑一个简单的 CSS 文档就可以改变所有页面的布局 和外观。
2.3.1 CSS 的 3 种使用方法
目前，几乎所有主流浏览器都支持层叠样式表。通过 CSS，开发者可以控制元素的颜色、 字体、位置、间距、大小、过渡效果等样式。接下来，我们看一下使用 CSS 的 3 种方法。
第一种方法是使用 style 属性将内联样式直接应用于 HTML 元素，如代码清单 2-16 所示。
代码清单 2-16
<divstyle="border: 2px cadetblue dashed;margin: 0;padding: 0"><h1style="border: 1px solid red">大家好，我是石璞东</h1><pstyle="border: 1px solid green">欢迎访问我的开源作品：</p><olstyle="border: 1px solid purple"><li>个人网站（https://www.shipudong.com）</li><li>个人微信公众号（hahaCoder）</li><li>个人微信小程序（hahaAI）</li><li>Github（https://github.com/TURBO1002?tab=repositories）</li></ol></div>
第二种方法是将 CSS 规则放在 HTML 文档的标签内，如代码清单 2-17 所示。
代码清单 2-17
<style>.content{ margin: 0; padding: 0; border: 2pxcadetbluedashed; } h1{ border: 1pxsolidred; } p{ border: 1pxsolidblue; } ol{ border: 1pxsolidorange; } </style>
第三种方法是在外部样式表中编写 CSS 规则，并通过标签引入，如代码清单 2-18 所示。
代码清单 2-18
<linkrel="stylesheet"href="style.css">
