傻大方


首页 > 学习 >

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



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


为了获得最大兼容性 , 请在第一个子代元素上手动设置一个cla 。

34、ss属性 , 例如class=firstone , 然后在规则里包括该class , 作为额外选择符 。
例如:.storybody p:first-child, .storybody p.firstone font-size: large;
当然 , 这样做后 , 前一半选择符变为冗余 , 因为其他浏览器理解基于类的工作方式 。
因此 , 如果用户要添加该工作方式 , 就可能要完全停止使用:first-child 。
图5-6 使用:first-child选择符来设计第一段的样式三、:lang()伪类 在web上 , 语言由两个字母的代码指示 , 有时接着一个破折号和语言区域版本的附加国家(地区)代码 。
表5-2 几种语言代码代码语言de德语e 。

35、n英语en-ca加拿大英语en-uk英国英语en-us美国英语fr法语jp日语ru俄语语言的选择可以规定很多因素 , 包括文本方向、使用的字体 , 甚至屏幕阅读器使用的发音字典 。
css语言不允许用户设置语言 , 这必须在html中或 标题中完成 。
但是它让用户创建只应用于某些语言的规则或样式表 。
要在html文档内设置语言 , 用户只要在 标签上使用lang属性即可 。
文档内嵌入的第二种语言部分可以用 标签上的lang属性或其他任何合适的html元素来指示 , 例如 或。
css规范定义一种特殊的伪类:lang()来指示规则 , 这些规则应该只应用于匹配某种语言的元素 。
这样的规则如下所示::lang(en-uk) back 。

36、ground-color: #ccccff;
以上语句的作用是 , 用亮蓝背景显示用英式英语书写的所有内容 。
浏览器怎么知道文本的哪个部分是用英式英语书写的呢?这需要在html中进行设置 , 如下所示:he cried out in a bad monty python imitation,hes pinin for the fjords! :lang()本身并不是特别有用的 , 但是一旦与其他css规则和属性联合 , 其功能就会变得非常强大 。
5.3.2 css中的伪元素 级联样式表定义4种伪元素 , 即虚拟元素 , 它们从内容创建 , 这些内容位于与基本元素相关的文档中 。
这些元素如表5-3所示 。
伪元素:before和:a 。

37、fter用于*已产生的内容 。
第23章用户界面和产生内容中将讨论它们 。
表5-3css的伪元素伪元素选择:before*元素前的内容:after*元素后的内容:first-letter块元素的第一个字母:first-line 块元素的第一行伪元素:first-line和:first-letter选择另一元素的某些部分 , 这些部分就像隔开的内联元素一样运行 。
然而 , 只有某些属性可以应用于这些伪元素 , 如表5-4所示 。
表5-4 :first-line和:first-letter选择符识别的属性属性或类别:first-line:first-lette讨论的章背景属性可以可以第11章边框属性可以第16章颜色属性 。

38、可以可以第10章字体属性可以可以第9章边距属性可以第16章填充空白属性可以第16章clear可以可以第15章float可以第15章letter-spacing可以第10章续表属性或类别:first-line:first-lette讨论的章line-height可以可以第10章text-decoration可以可以第10章text-shadow可以可以第10章text-transform可以可以第10章vertical-align可以可以第15章word-spacing可以第10章一、:first-line伪元素 :first-line伪元素是虚拟元素 , 它为添加只应用于首行的特殊样式指示元素的首 。

39、行 。
例如 , 用户可能想将新闻故事的首行设置为较大打印 , 以便使其突出 。
这种规则如下所示:p:first-line font-size: large;
:first-line伪元素创建了一个与 或其他内联元素相同的功能性标签设置 , 但是页面显示时其内容就已经确定了 。
功能性标签内包括几乎每一个首行适合的所有内容 。
这依据用户浏览器窗口、字体大小和其他因素而改变 , 因此事先无法估算 。
这就意味着不支持:first-line的浏览器没有可行的解决办法 , 因为无法知道什么适合首行 。
不过 , 现代浏览器的当前版本支持:first-line 。
二、:first-letter伪元素 :first-letter选择符也当成那些已生 。

40、成的假想元素之一 , 这些元素不在源代码内出现 , 但是css规则可以引用它们 。
既然这样 , 假想的标签是一个围绕元素第一个字母的标签 。
最通常的用法是创建词首大写字母 , 该字母比环绕的文本大 。
下面有一个样式表的示例 , 该样式表既使用了:first-letter , 又使用了:first-line:/* story-5.7.css */#storytitle font-family: verdana, sans-serif;
.storybody p font-family: arial, sans-serif;
.storybody p:first-line background-color: silver;
. 。

41、storybody p:first-letter font-size: xx-large;
color: white;
background-color: black;


稿源:(未知)

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

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


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

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