第七章CSS的对象使用

1.构造CSS的规则

1
2
3
4
5
6
7
8
9
10
11
12
13
h2

{

font-family:宋体;

font-size:15px;

color:red;

text-decoration:underline;

}

CSS有三个部分组成，分别是对象、属性和值。

2.基本CSS选择器

CSS中的对象很重要，它指定了对哪些网页元素进行设置，因此，它有一个专门的名称——选择器（selector）

基本选择器有标记选择器、类别选择器和ID选择器。

2.1 标记选择器

2.2 类别选择器

第四行通过class=”blue big”将两个样式同时加入，得到蓝色大字体。

2.3 ID选择器

ID选择器的使用方法跟class选择器基本相同，不同之处在于ID选择器只能在HTML页面中使用一次，因此其针对性更强。

上面代码中，将ID选择器用于多个标记式错误的，因为每个标记定义的id不只是CSS可以调用，JavaScript等其他脚本语言同样也可以调用。如果一个HTML中有两个相同的id标记，那么将会导致JavaSctipt在查找id时出错，例如函数getElementById()。

其中最后一行没有任何CSS样式风格显示，这意味着ID选择器不支持向class选择器那样多风格同时使用，类似id=”bold
green”是完全错误的语法。

3.在HTML中使用CSS的方法

3.1 行内样式

3.2 内嵌式

3.3 链接式

链接式CSS样式表是使用频率最高，也是最实用的方法。

3.4 导入样式

导入样式表与上面提到的链接样式表的功能基本相同，只是语法和运作方式上略有区别。

在HTML中导入样式表，常用的有如下几种@import语句，可以选择任意一种放在标记之中。

3.5 各种方式优先级问题

1）行内式>嵌入式>外部样式

2）外部样式中，出现在后面的优先级高于出现在前面的

3）存在多个