傻大方


首页 > 学习 >

CSS|CSS入门经典(第2版)( 二 )



按关键词阅读: 入门 经典 CSS


仍然可以用class编写样式表 , 并不防碍使用class , 而不是使用id , 但是如果使用id选择符 , 样式表就会变得更简单 , 而且更加明确 。
5.1.2 通用选择符 除了类型、class和id选择符 , css也定义了一个通用选择符 。
通用选择符适用于页面内所有标签和内容 , 它由星号(*)表示 。
下面是通用选择符规 。

10、则的一个示例:* color: blue;
如果编写使用通用选择符的规则 , 而且这些规则还包括一些其他内容(如class或id选择符) , 那么可以省略星号 。
实际上 , 编写class选择符的通常方法只是省略星号的通用选择符的一种特殊情况 。
下面的两种声明相同:*.there color: green;
.there color: green;
为什么需要通用选择符呢?如前所见 , 通过使用具有 标签的选择符 , 可以影响整个页面的样式 。
通用选择符在所有元素上设置样式 , 并不是只设置继承的默认值 , 理解这一点很重要 。
这是什么意思呢?请考察下面的样式表:* color: green;
h1 color: blue;
假 。

11、设把它链接到一个包括如下所示代码的html文件:this is very important 单词very将是什么颜色呢?它将是绿色 , 并且位于蓝色的大字标题中间 , 因为通用规则表示所有元素都明确地设置成了绿色 , 就像有一条用于每个可能元素的如下规则:element color: green;
实际上 , 用户很可能想让 的颜色继承 的样式 , 因此要对何时及何处使用通用选择符非常小心 。
如果执行如下操作 , 将会得到不同的结果:body color: green;
h1 color: blue;
这也将使默认文本变成绿色 ,标题变成蓝色 。
但是嵌入的 将继承 的颜色 。
在第7章将进一步学习继承 。
要使css规则发挥最 。

12、大效用 , 需要写组合规则 。
前面学习了一些组合选择符的知识 , 现在学习如何使用子选择符 。
5.2.1 选择符分组 从第2章可知 , 通过集中列出选择符 , 并用逗号将它们隔开 , 可以联合规则 。
可以用这种方法联合所有种类的选择符 , 例如下面的规则:/* anything that is sorta heading-like is in arial;
only even headings are maroon and the rest are green */h1, h2, h3, h4, h5, h6, dt, .heading, .standout, #headline font-family: arial;
h1 。

13、, h3, h5, dt, .heading, .standout, #headline font-color: maroon;
h2, h4, h6 font-color: green;
同样 , 通过分别组合它们 , 可以用另一种方法写相同类型的规则:/* anything that is sorta heading-like is in arial;
only even headings are maroon, and the rest are green */h1, h3, h5, dt, .heading, .standout, #headline font-family: arial;
fon 。

14、t-color: maroon;
h2, h4, h6 font-family: arial;
font-color: green;
使用第一种方法编写 , 使改变字体族更加容易 。
声明font-family: arial;
只出现在文档的一个地方 。
组合规则的方法可以使调整它们更加方便 。
但是 , 请注意 , 这种方法也有一个缺点;要改变一种类型的选择符如何表现(比如说 , 某些standout类中的东西) , 用户需要编辑几条规则 。
所以 , 在模块中组合规则没有严格的指南 , 随着用户不断获得css经验 , 将形成自己的组合样式规则的方法 。
5.2.2 子选择符 组合选择符最有效的方法之一是使用子代选择符 。
在html和xml中 , 子代 。

15、是完全包括于另一个元素内容之内的元素 。
例如在程序清单5-3中 ,是 的子代 ,是 的子代 。
也是 的子代 , 因为 和 都包括它 , 它们都是 元素的后代 。
程序清单5-3 html中的子选择符babe: best movie ever /* add style rules here */movie review: babe a mini-review by joe h. moviefanthe best movie ever the movie babe was the best familymovie ever produced! this great movie featuredtalking a 。

16、nimals, a cantankerous old man, andsubtle-yet-oscar-winning special effects - whocould ask for more? the clever writing andhumorous touches make this all-ages movie greatfor children while still very enjoyable byadults. what a great movie!what did you think? mail me atjoe h.moviefan ! 通过组合简单选择符 , 并用空格 。

17、隔开 , 子选择符定义在基于页面内给定标签出现处的规则 。
例如 , 这里是一条用来改变包含在段落内所有 标签颜色的规则:p cite color: white;
background-color: black;
请注意 , 上面先列出外部标签 , 然后是内部标签 。
如果使用其他方法来做 , 将不会配置任何内容 , 因为没有 标签包括段落标签 。
如果将该规则添加到程序清单5-3中html页面的 元素 , 就会产生如图5-2所示的效果 。


稿源:(未知)

【傻大方】网址:/a/2021/0813/0023654857.html

标题:CSS|CSS入门经典(第2版)( 二 )


上一篇:拓展|拓展训练赢跑心得体会

下一篇:园林绿化|园林绿化管理规定5篇