精通css java_CSS重要知识概述——Java Web从入门到精通第2章

一、CSS简单规则

CSS样式表包含3部分内容：选择符、属性和属性值

其中选择符包括基本的3种选择器：

1、标记选择器，如标签等；

2、类别选择器，用class属性来声明即可；

3、id选择器，用id来声明，只能使用1次。

二、CSS选择器

1、标记选择器，例如对标签，下面代码声明了页面中所有标记的样式风格

a{font-size:9px;color:#F93;

}

2、类别选择器，例如下面代码，要使每个

标签实现不一样的字体，可以用class属性来为每个

标签声明不一样的类(可以同时加载多个类别选择器的样式，在多种类别选择器之前，用空格进行分隔，例如“

3、id选择器，和类别选择器类似，只不过用id声明，且一个id只能使用一次

#first{font-size:18px}#second{font-size:24px}#third{font-size:36px}

id 选择器

id 选择器2

id 选择器3

View Code

三、在页面中包含CSS

1、行内样式：直接定义在HTML标记之内，通过style属性实现，适合初学者，但灵活性不强，如

2、内嵌式：在页面中使用标记将CSS样式包含在页面中，通常在

标签内定义。

3、链接式：用的最多，将CSS样式定义在一个单独的文件中，在HTML页面中通过标记引用，通常也放在

标签内：

语法如下：

rel：定义外部文档和调用文档间的关系

href：CSS文档的绝对或相对路径

type：指的是外部文件的MIME类型