当前位置：首页 -> 网页设计 -> HTML/CSS -> 样式表全接触（2）

样式表全接触（2）

时间： 2021-07-31 作者：daque

２、类采用符

　　简单个采用符能有各别的class(类)，所以承诺同一元素有各别款式。比方，一个网页创造者大概蓄意视其谈话而定，用各别的脸色表露代码 :

code.html { color: #191970 }

code.css { color: #4b0082 }

之上的例子创造了两个类，css和html，供网页的code元素运用。class属性是用来在网页中以指明元素的类，比方，<p class=css>，每个采用符只承诺有一个类。一个杰出的风气是在定名类的功夫，按照它们的功效而不是按照它们的表面。上述例子中的css类也不妨定名为effect。

３、id 采用符

　　id 采用符部分地设置每个元素的因素。这种采用符该当尽管少用，由于他具备确定的控制。一个id采用符的指定要有引导符"#"在名字前方。比方，id采用符不妨指定如次:

<!--

#first { color: green }

#second { color:teal }

-->

</style>

４、关系采用符

　　关系采用符只然而是一个用空格隔绝的两个或更多的简单采用符构成的字符串。那些采用符不妨指定普遍属性，并且由于层叠程序的准则，它们的优先权比简单的采用符大。比方，以次的左右文采用符

p em { background: yellow }，这个值表白段落中的夸大文本会是黄色后台；而题目的夸大文本则不受感化。

５、伪类和伪元素

　　伪类和伪元素是特出的类和元素，能机动地被扶助css的欣赏器所辨别。伪类辨别开各别品种的元素(比方，visited links(已考察的贯穿)和active links(可激活贯穿)刻画了两个定位锚(anchors)的典型)。伪元素指元素的一局部，比方段落的第一个假名。

　　伪类或伪元素准则的情势如：采用符:伪类 { 属性: 值 }或采用符:伪元素 { 属性: 值 }

　　伪类和伪元素不必html的class属性来指定。普遍的类不妨与伪类和伪元素一道运用，如次:

　　　采用符.类: 伪类 { 属性: 值 }

　　或

　　　采用符.类: 伪元素 { 属性: 值 }

６、定位锚伪类

　　　伪类不妨指定a元素以各别的办法表露贯穿(links)、已考察贯穿(visited links)和可激　活贯穿(active links)。定位锚元素可给出伪类link、visited或active。一个已考察贯穿不妨设置为各别脸色的表露，以至各别字体巨细和作风。一个风趣的功效是使暂时(或"可激活")贯穿以各别脸色、更大的字体表露。而后，当网页的已考察贯穿被重选时，又以各别脸色、更小字体表露。这个款式表的示比方下:

　　　a:link { color: red }

　　　a:active { color: blue; font-size: 125% }

　　　a:visited { color: green; font-size: 85% }

７、首行伪元素

　　常常在白报纸上的作品，比方"据新华通讯社通讯"中的，文本的首行城市以粗印体并且十足小写地展现。css1囊括了这个功效，将其动作一个伪元素。首行伪元素不妨用来任何块级元素(比方p、h1之类)。以次是一个首行伪元素的例子:

　　　p:first-line {