11-CSS概述（CSS3）

目标

• 掌握CSS的基本概念
• 掌握CSS3的基本语法
• 掌握样式表的分类

1. CSS的基本概念

因HTML只关注内容的语义，只会有框架元素，在样式设置上具有局限性。固引入CSS来做样式。
CSS 是 Cascading Style Sheet 的简称，翻译为层叠样式表或级联样式表，简称为“样式表”。本系列文章介绍的 CSS 版本是 CSS3。利用 CSS3 样式表定义页面样式，将会大大减少设计工作量。也可以美化页面，精确定制页面的布局。
CSS 最大价值：由HTML专注云做结构呈现，样式交给css，即结构(HTML)和样式(CSS)相分离。

2. CSS3的基本语法

使用HTML时，需要遵从一定的规范，CSS也是如此。想要熟练使用CSS对网页进行修饰，首先需要了解CSS样式规则。
CSS规则由两个主要部分构成：选择器以及一条或多条声明。

• 选择器是用于指定CSS样式的 - HTML标签，区分大小写；花括号内是对该对象设置的具体样式；
• 属性和属性值以“键值对”的形式出现； 属性名：属性值；之间用 - 英文“：”分开；
• 如果属性值由多个单词组成并包含空格，则必须为这个属性值添加英文引号, 如设置字体为Times New Roman p{font-family: "Times New Roman"}。
• 属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等；
• 多个“键值对”之间用 英文“；”进行区分；
• 属性值和单位间不能有空格； 如设置字体大小 font-size:15px 15px间不能有空格。
  

3. CSS代码风格

3.1 书写格式

3.2 样式大小写

3.3 空格规范

4. CSS样式表的分类

4.1 行内式

4.2 内嵌式

内嵌式CSS样式只对其所在的HTML页面有效，因此，仅设计一个页面时，使用内嵌式CSS样式是个不错的选择。但如果制作一个网站，则不建议使用内嵌式CSS样式，因为它不能充分发挥CSS代码的重用优势。

4.3 链入式

链入式最大的优势是同一个CSS样式表可以被不同的HTML文件链接使用，同时一个HTML文件也可以通过多个<link />标签链接多个CSS样式表。
在实际网页制作中，链入式是使用频率较高，也是较实用的引入方式。它将HTML代码与CSS代码分离为两个或多个文件，实现了结构和样式的完全分离，使得网页的前期制作和后期维护都十分方便。

4.4 导入式