1.内联式（行内式）
缺点：产生重复性代码，造成文档体积变大，不利于维护，不符合结构与样式分离。
2.嵌入式
虽初步实现结构与样式分离，但代码复用不方便. 优点是不会产生额外的请求。
3.外部式
只维护外部文件即可，不会产生混淆，可以重复使用，会产生一些额外的请求，但是可以利用工具抹平。
三种方式的优先级：
内联式>嵌入式>外部式 有一些前提并不适用，Link要写在Style中。
选择器介绍：
选择符{
样式；
}
一.基础选择器：
标签（元素）选择器，
选择标签进行装饰：<p><div><img><ul><li><ol><h3><title>选择的是网页中共有的属性。选择相同标签。
类(Class)选择器, 选择不同标签设置共同属性。可以重复添加。
.（类名）{
样式；
}
ID选择器：通常在句子中加一个span，不会对网页内容产生影响。
#id选择器名称{
样式；
}
二.高级选择器：
后代选择器，
网页代码中可以有很多a标签，可以用div a {} 来定义div下的a标签，证明div 是a 的父元素，这段代码只对div下的a标签起作用。
子代选择器：
网页中有很多DIV，可以在DIV后面设置一个子类，比如 DIV <div class="wrap>, 而后定义.wrap进行样式编辑。DIV>P
组合选择器 ：
*选择器1，选择器2，选择器3{}
交集选择器：
*选择器1选择器2{}
伪类选择器：
a:hover, visited, link 就是a标签的伪类
选择器权重：
内联样式权重为1000，ID选择器的权重为100，类选择器权重为10，元素选择器权重为1，权重计算永不进位。
接下来又讲了一些字体属性和文本属性
字体属性
1.字体 font-family:"微软雅黑"
2.字体大小 font-size:"20 px"
3.字体颜色 color:"red"
4.字体样式 font-style
5.字体粗细 font weight
文本属性：
1.文本修饰 text-decoration
2.文本缩进 text-indent
3.行高 line-height
4.中文字间距/单词间距 letter-spacing
5.文本对齐方式 text-align
今天就姑且看到这里。。明天继续！争取周天看完路飞~
