当前位置:文档之家› css样式表分类

css样式表分类

css样式表分类
css样式表分类

样式表作用按照就近原则使用:

样式表分类:1.行内样式表(设置开始标签的style属性)优先于内嵌样式表,当属性发生冲突时

2.内嵌样式表(head内使用style标签

2.id选择器

在标签内部设置一个id属性在标签内部id属性前加上一个#号,在head中进行设置

#id_name{

属性值设置

}

3.类选择器

.类选择器名{ 属性值设置}

4.伪类选择器常用于设置超链接first-line 如p:first-line{伪类选择器一般有冒号,首行与其他行产生不一样的效果}

超链接伪类选择器:a:link,a:hover,a:active,a:visited

3.外部样式表.css文件 1.使用标签进行引用加载页面时没有加载样式表,当使用到样式表才去寻找制定的样式

2.@import url(url)与页面一起加载到缓存当中,占用资源,不建议使用该种方式,了解即可。

2.将层叠样式表导入或链接至HTML文件 只有IE浏览器支持。先看下面导入样式表: 样式表2 将样式表定义在独立的文本文件body.css中,然后嵌入HTML文件。这个样式表所定义的字体为宋体、大小为30点、颜色为Blue。 其BODY.CSS文件内容: BODY { font-family: "宋体"; font-size=30; color:blue } 再看链接样式表: 样式表3 将样式表定义在独立的文本文件body.css中,然后链接至HTML 文件。这个样式表所定义的字体为宋体、大小为30点、颜色为Blue。 3.在HTML文件中套用样式类别 您也可以在样式表文件中定义不同的样式类别(Style Class),然后在HTML文件中套用不同的样式类别。 样式表4

17. 18. 19. 20.

集体声明h1

21.集体声明h2 22.

集体声明h3

23.

集体声明h4

24.
集体声明h5
25.集体声明p1 26.

集体声明p2 27.

集体声明p3 28. 29. 30. 全局声明 对于实际网站中,如果希望页面中所有的标记都使用同一种CSS样式,但是,又不希望逐个来集体声明,这是可以使用全局声明符号*来声明。 [html]view plain copy print? 1. 2. 3. 4.集体声明 5. 6. 这是一段文本 解释:在元素之间创建 …… 标签对中,被输入的css文件中的样式规则定义语句就成了标签对中的语句。