2.3 CSS的基本用法
将CSS应用到HTML之中，首先要选择合适的选择符，选择符是CSS控制HTML文档中对象的一种方式，用来告诉浏览器这段样式将应用到哪个对象。
在HTML内插入的样式表可分为3种，分别是内联样式表、嵌入样式表和外部样式表。在应用时可以根据需要任意应用以上3种样式表，越接近目标的样式定义优先权越高，高优先权样式将继承低优先权样式的未重叠定义并覆盖重叠的定义。
（1）内联样式表：直接将CSS代码写在HTML标签中。
（2）嵌入样式表：将<style>标签嵌入HTML文档的头部。
（3）外部样式表：以.css为扩展名，在<head>标签中使用<link>标签，从而将外部CSS文件链接到HTML文档内。
2.3.1 内联样式表
内联样式表是指直接将CSS代码写在HTML标签中，其格式如下：
内联样式表由HTML文档中的元素的style属性支持，只需要将CSS代码用分号隔开并输入在style=" "中，便可以完成对当前标签的样式定义。这是CSS定义的一种基本形式。
内联样式表仅是HTML标签对于style属性的支持所产生的一种CSS编写方式，并不符合表现与内容分离的设计模式，使用内联样式表与表格式布局从代码结构上来说完全相同，仅利用了CSS对于元素的精确控制优势，并没有很好地实现表现与内容的分离，所以这种书写方式应当尽量少用。
2.3.2 嵌入样式表
嵌入样式表又称为内部样式表，是将CSS统一放置在页面中一个固定的位置。
技能案例：设置嵌入样式
源文件：源文件\第2章\2-3-2.html
新建一个HTML文档，在代码页面输入代码如下：
内部样式表是指将<style>标签作为一个单独的部分标记在<head></head>之间。
内部样式表是CSS的初级应用形式，它只针对当前页面有效，不能跨页面执行，因此达不到CSS代码多用的目的，在实际的大型网站开发中，很少用到内部样式表。
2.3.3 外部样式表
外部样式表是CSS中较为理想的一种形式。将CSS代码单独编写在一个独立文件之中，由网页进行调用，多个网页可以调用同一个外部样式表文件，因此能够实现代码的最大化使用及网站文件的最优化配置，其格式如下：
在上面的HTML代码中，在<head>标签中使用<link>标签，可以将link指定为样式表方式，并使用href="style.css"指明外部样式表文件的路径，只需将样式单独编写在style.css文件中即可。
在页面中应用CSS主要是为了实现良好的网站文件管理及样式管理，分离式的结构有助于合理分配表现与内容。
提示
推荐使用外部样式表，其优点如下：
（1）独立于HTML文档，便于修改。
（2）多个文件可以引用同一个样式表文件。
（3）样式表文件只需要下载一次，就可以在其他链接了该文件的页面内使用。
（4）浏览器会先显示HTML内容，再根据样式表文件进行渲染，从而使访问者可以更快地看到内容。