CSS就是显示样式，专门用来设置各类网页元素的显示效果。我们把元素的显示效果事先采用CSS技术封装成一个样式，在主HTML文档中调用这个样式，就能得到这个事先设定的显示效果。
4.1 CSS基础知识
CSS是增强网页显示效果的超文本标记语言，能够起到代替和增强标签属性的作用。CSS的突出特点是：简洁、易用、高效，可以重复使用，也可以继承使用。
4.1.1 CSS的作用
CSS是增强网页显示效果的超文本标记语言，能够起到代替和增强标签属性的作用。CSS的突出特点是：简洁、易用、高效，可以重复使用，也可以继承使用。
4.1.2 CSS的构成规则
4.1.3 CSS样式类别
CSS是配合HTML网页文件使用的，如果没有HTML，则CSS没有任何作用。HTML使用CSS样式时主要分以下几种情况：内联样式、内部样式、外部样式（链接样式、导入样式）。
1．内联样式
内联样式，也称为“行内样式”，就是在HTML的标签中，直接定义并立即使用CSS样式的应用方式。内联样式对改进网页制作效率方面几乎没有什么作用，所以很少使用。
2．内部样式
内部样式，也称为“内嵌样式”，是指将CSS代码内嵌在HTML文档头中的应用方式。该方式能够简化HTML的文档代码，提高HTML的制作效率。实现方法是将CSS代码封装在<style>和</style>之间，形成一个CSS代码模块，整体嵌入在HTML文档的文档头中，也就是嵌入在标签<head>与</head>之间。
3．外部样式
外部样式是指把CSS代码存储在HTML的文件外部，以“.css”文件格式独立存储的应用方式。当HTML需要引用CSS样式时，需要以链接或者导入的方式将CSS文件中定义的样式全部集成到HTML的文档头中，就像在一个HTML文件中一样。后续的引用方法与内部样式的引用方法相同。
外部样式又分为外部链接样式和外部导入样式两种类型。
（1）外部链接式样
外部链接样式是最常用、最实用的一种CSS使用方法，将HTML网页内容和CSS显示规则分离，形成“一个网页文件+一个CSS文件（如果必要，可以形成多个CSS文件）”的形式。这种分离非常有利于项目人员之间的分工协作，代码编写人员侧重于网页功能的实现，美工人员侧重于页面的美化设计，工作效率大大提高。而且，这种分离使得HTML代码极其精炼，易于项目后期的升级与维护。
（2）外部导入式样
外部导入样式与外部链接样式的基本作用是相同的，CSS源文件的代码规则也完全相同，只是引用CSS代码文件的技术实现方式不同：一种是外部链接方式，一种是外部导入方式。但外部导入样式也有其优点，不仅可以导入到HTML中，也可以导入到CSS样式中。
外部导入样式特别适用于对IO访问要求高、网页响应速度快的场景。
4．样式的优先级
内联样式>内部样式>外部样式
4.1.4 CSS选择符类型及使用方法
CSS的选择符包括：标签选择符、类选择符、ID选择符、全局选择符、组合选择符、继承选择符、伪类选择符、字符串匹配的属性选择符等，其中前三者最为常用。
1．标签选择符
标签选择符，就是把HTML的标签作为CSS的选择符。在HTML中使用该标签时，自动跟踪选择该标签在CSS中定义的显示样式。每个HTML标签均可用作标签选择符，如<h4>、<font>、<table>等都能作为标签选择符。
2．类选择符
类选择符是非常灵活的，是由用户自己定义的。类选择符相当于自定义显示样式。
类选择符只能用于内部式样和外部式样。
类选择符的标志：“.”。
3．ID选择符
ID选择符的定义和使用方法跟类选择符相似，但其只能在HTML中使用一次，因而更具针对性。
ID选择符同样也只能在内部样式和外部样式中使用。
ID选择符的标志：“#”。
4.1.5 CSS中的度量单位
主要有颜色单位、长度单位、时间单位、角度单位和频率单位5种。其中，颜色单位、长度单位比较常用。
1．颜色单位
颜色有英文单词、16进制、RGB（）三种表达形式。
2．长度单位
长度单位有固定数值、百分比两种形式，或从父辈继承数值。
4.1.6 CSS注释
在CSS代码中用“/* 注释说明 */”对文档进行注释说明。
