五、CSS外观属性
（一）color：文本颜色
color属性用于定义文本的颜色，其取值方式有3种：
1、预定义的颜色值，如red、green、blue等。
2、十六进制，如#FF000，#29D794等。【以后都用十六进制，提倡简写，如：#ffffff——#fff；#00ff00——#0f0；#ff00fe——不能简写】
3、RGB代码，如红色可以表示为rgb（255,0,0）或rgb（100%，0%，0%）。
css颜色示例代码图
（二）line-height：行间距
line-height常用的属性值单位有三种，分别为px、em、%，实际工作中使用像素px，一般情况下，行间距比字号大7-8像素左右就可以了。
p{line-height: 26px;}
（三）text-align:水平对齐方式
text-align属性用于设置文本内容的水平方式，其可用属性如下：
left：左对齐
right：右对齐
center：居中对齐
（四）text-indent：首行缩进
text-indent用于设置首行文本的缩进，其属性值建议使用em为设置单位。（1em就是一个字的宽度）
行高、对齐、首航缩进示例代码图
（五）letter-spacing：字间距
其属性值可为不同单位的数值，允许使用负值，默认为normal。
（六）word-spacing：单词间距
word-spacing属性用于定义英文单词之间的间距，对中文字符无效，允许使用负值。
word-spacing和letter-spacing均可对英文进行设置，不同的是letter-spacing定义的字母之间的间距，而word-spcing定义的为英文单词之间的间距。
字间距和单词间距示例代码图
（七）颜色半透明（css3新增属性）
文字颜色到了css3我们可以采取半透明的格式了，其语法格式如下：
color：rgba(r,g,b,a) a是alpha透明的意思，取值范围0~1之间
如：color: rgba(255,0,0,0.3)
文字半透明示例代码图
（八）文字阴影（css3新增属性） text-shadow
text-shadow：水平位置 垂直位置 模糊距离 阴影颜色；
例：h1{
text-shadow: 5px 11px 3px rgba(0,0,0,0.5);
}
*注：水平和垂直位置前两个参数必须写，后两个参数可省略取默认值。
文字阴影示例代码图
六、sublime快捷方式
sublime可以快速提高我们写代码的书写方式
1、生成标签，直接输入标签名，按tab键即可。如div然后按tab键。
2、如果想要生成多个相同标签，加上*就可以了。如div*3 ，可快捷生成3个div。
3、如果有父子关系的标签，可以用>，比如ul>li就可以了
4、如果有兄弟关系的标签，用+就可以了，比如div+p
5、如果生成带有类名或者id名字的，直接写.demo或者#two tab键就可以了。
综合案例
综合案例代码图
综合案例效果图
七、引入CSS样式表
（一）内部样式表
内嵌式是将css代码集中写在HTML文档的head头部标签中，并用style标签定义，其语法格式：
<head>
<style type="text/css"> 选择器{ 属性1:属性值1; 属性2:属性值2; } </style>
</head>语法中，style标签一般位于head标签中title标签之后，也可以把他放在HTML文档的任何地方。
type=“text/css”在html5中可以省略，写上也符合规范，所以这个地方可以写也可以省略。
（二）行内式（内联样式）
又称为行内样式、行间样式、内嵌样式。是通过标签的style属性来设置元素的样式，其语法格式如下：
<标签名 style="属性1:属性值1; 属性2:属性值2;">内容</标签名>其中属性和值的书写规范与css样式规则则相同，行内式只对其所在的标签及嵌套在其中的子标签起作用。
例：
<head>
</head>
<body>
<div style="color: pink; ">今天很期待学习</div>
<div>今天不期待学习</div>
<div>今天不期待学习</div>
</body>*注：行内样式表适合用于样式比较少的情况。
（三）外部样式表（外链式）
链入式是将所有的样式放在一个或多个以 .css为扩展名的外部样式表文件中，通过link标签将外部样式表文件链接到HTML文档中，其语法格式如下：
<head>
<link href="css文件的路径" type="text/css" rel="stylesheet" />
</head>注意：link是个单标签
该语法中，link标签需要放在head头部标签中，并且必须制定link标签的三个属性，具体如下 ：
href：定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径。
type：定义所链接文档的类型，在这里需要指定为”text/css”，表示链接的外部文件为css样式表。
rel：定义当前文档与被链接文档之间的关系，在这里需要指定“stylesheet”,表示被链接的文档是一个样式表文件。
（四）三种样式表总结
三种样式表总结图
