按关键词阅读: 入门 经典 CSS
font-family: verdana, sans-serif;
该样式表应用于程序清单5-5故事样本的结果 , 如图5-7所示 。
图5-7 :first-letter规则设计的词首大写字母样式与:first-child一起使用:first-letter 在图5-7中 , 每个段略都以大写字母开始 , 这些大写字母是黑色背景下的白色字体 。
不过 , 在很多情况下 , 只有第一行应该有词首大写字母 。
通过如下操作变成首字大写:1从本书网站下载程序清单5-5中 。
42、的html文件和程序清单5-6中的样式表 。
2编辑.storybody p:first-letter规则 , 如下所示:.storybody p:first-child:first-letter font-size: xx-large;
color: white;
background-color: black;
font-family: verdana, sans-serif;
3在浏览器中打开它 。
如果没有使用windows的internet explorer , 用户应该看见只有第一段是词首大写字母 。
4该如何修改 , 让它在internet explorer中运行呢?请回忆本章前面的警告和解决办法 。
5编辑ht 。
43、ml和css文件 , 添加类和样式规则 , 这条类和样式规则会使词首大写字母样式在internet explorer中生效 。
选择符是css规则的一部分 , 该规则指定在样式声明中定义的样式的接受者 。
类型选择符可用于设计html元素特定类型的样式 , class和id选择符依据属性值来选择它们 。
通用选择符可以在任何元素上设置样式 。
通过将两个或更多选择符联合起来 , 用户可以创建子选择符来显示页面上元素的层次结构 。
使用该技术 , 用户可以将不同样式应用于页面的不同部分 。
伪元素和伪类选择符让用户选择页面的某些部分 , 通过其他方式不能在html中识别这些部分 。
使用:lind和:visited伪类选择符的规则可以用来设计超文本链 。
44、接的样式 。
:lang()伪类可以将样式添加到特定语言的文本上 。
:first-child、:first-letter和:first-line选择符用于格式化文本 。
课后巩固包括知识问答部分、测验问题和练习 , 它们用来强化本章学习的内容 。
如果碰到困难 , 可以在问题后面找到测验的答案 。
5.5.1 知识问答 问:还存在本章没有讨论过的其他选择符吗? 答:有 。
将在第8章学习它们 。
然而 , 浏览器不能很好地支持其中的某些选择符 。
问:能串联任意数量的选择符吗? 答:当然可以 。
例如 , 在子选择符中 , 用户不局限于两个条目 。
如果愿意 , 用户可以编写具有如下选择符的规则:body div #content p.special a 。
45、:visited color: green;
5.5.2 测验 1下面哪一种选择符的意思是选择 所有既是类old的一部分 , 又位于标签之内的 标签?aem.old p bem.old,p cp.old em dp em.old2要使所有访问过的链接变成红色 , 使所有未访问的链接变成酸橙色 , 并且使两种链接都是以arial字体显示 , 用户要编写什么样的规则来实现它们呢?3使用 标签与合适的类设置 , 不能复制哪种伪元素或伪类?为什么?a:first-child b:first-line c:first-letter5.5.3 答案 1正确答案是(d):p em.old 。
2有一种css规则可以使未访问的链接变 。
46、成酸橙色 , 访问过的变成红色 , 而且两者都是arial字体:a:link color: red;
font-family: arial, sans-serif;
a:visited color: lime;
font-family: arial, sans-serif;
3: 标签不能复制first-line 。
因为当它显示在用户浏览器上时 , 网页作者不知道首行在哪里结束 。
5.5.4 练习 本章学习了使用选择符来设计页面样式的几种html页面和相关样式表 。
要进一步研究选择符 , 通过选择特定元素并正确设计它们的样式 , 用户可以创建另外的样式规则 。
网页的内容是编码在html页面内的信息 , 在html标记的开关标 。
47、签间可以找到它 。
这些标签定义了内容的结构 , 即使内容有意义的框架 。
例如下面的html:this is the tricky part ,so pay attention!本例中的内容只是句子this is the tricky part,so pay attention! 。
嵌入(或围绕)内容的标签创建结构 , 它使内容具有意义 。
任何理解html的浏览器知道它是一个段落(标签定义) , 同时特别强调了短语tricky part 。
但是内容的显示方式不由html定义 , 相反 , 它由css规则决定 。
浏览器对和 标签具有默认规则 , 该规则表明作为它自己行上的段落可视化地显示 , 它具有前导和跟踪空间 。
作为该段落里的粗体文 。
48、本而显示 。
和 都显示为显示盒子 , 它就是css浏览器处理html元素的方法 。
尽管6.1 在css中显示内容不是所有元素都显示在屏幕上 , 但是每个html元素对应于一个显示盒子 。
稿源:(未知)
【傻大方】网址:/a/2021/0813/0023654857.html
标题:CSS|CSS入门经典(第2版)( 六 )