CSS核心基础

CSS样式规则

具体格式如下：

选择器{ 属性1 ：属性值1 ； 属性2 ：属性值2 ；属性3 ：属性值3 ；}

选择器用于指定CSS样式作用的HTML对象，大括号内是对该对象设置的具体样式。其中属性和属性值以“键值对”的形式出现，属性是对指定的对象设置的样式属性，如字体大小、文本颜色等。属性和属性值之间用英文“：”连接，多个“键值对”之间用英文“；”进行区分。

CSS代码结构中的几个特点：

CSS样式中的选择器严格区分大小写，属性和值不区分大小写，按照书写习惯一般将“选择器、属性和值”都采用小写的方式。
多个属性之间必须用英文状态下的分号隔开，最后一个属性后的分号可以省略，但是为了便于增加新样式最好保留。
如果属性的值由多个单词组成且中间包含空格，则必须为这个属性值加上英文状态下的引号。例如：
```
p{ font-family ：“Times New Roman”；}
```
在编写CSS代码时，为了提高可读性，通常会加上CSS注释。
在CSS代码中空格是不被解析的，大括号及分号前后的空格可有可无。因此可以使用空格键、Tab建、回车键等对样式代码进行排版，即所谓的格式化CSS代码，这样可以提高代码的可读性。

属性的值和单位之间是不允许出现空格的。

引入CSS样式表

行内式

行内式也称为内联样式，是通过style属性来设置元素的样式，其基本语法格式如下。

<标记名 style=“属性1 ：属性值1；属性2 ：属性值2； 属性3 ：属性值3；”>内容标记名>

实际上任何HTML标记都拥有style属性，用来设置行内式。其中属性和值的书写规范与CSS样式规则相同，行内式只对其所在的标记及嵌套在其中的子标记起作用。

下面通过一个案例对HTML文档中使用行内式CSS样式进行演示：

 1 DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="utf-8">
 5         <title>行内式引入CSS样式表title>
 6     head>
 7     <body>
 8         <h2 style="font-size: 20px; color: red;">使用CSS行内修饰二级标题的字体大小和颜色h2>
 9     body>
10 html>

运行效果如图所示：

内嵌式

内嵌式是将CSS代码集中写在HTML文档的头部标记中，并且用