一、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类型