路飞学院CSS课程第二天

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标签起作用。

子代选择器：</