时间:2021-05-08
学习HTML和CSS时,总要一边学习,一边试验下,影响才会更深刻,对于那些属性才能更知道他们所处的位置和环境,不过有时,浏览器的版本会限制一些属性和对象的实现,有些浏览器会无法识别部分代码,如果去试试不同的浏览器又比较麻烦,我目前就是碰到了一个麻烦,IE6无法识别伪对象:first-letter和:first-line,换浏览器只是其中比较笨的一种方法,参考了相关的资料和文献,发现也可以通过代码调试来改变,目前,有找到了两种相关联的方法。
1.在CSS样式表里增添如下的代码
复制代码代码如下:
p:fisr-letter {float:left;font-size:50px;font-weight:bold;}
p:first-line {color:purple}
说明:增加空格,在伪对象选择符:first-letter/:first-line与包含规则的“{”间增加空格。
2.也可以在CSS样式表里添加如下的规则
复制代码代码如下:
p:first-letter
{float:left;font-size:50px;font-weight:bold;}
p:first-line
{color:purple}
说明:将整个花括号“{”规则区域换到下一行。
PS: :first-letter&:first-line的定义
1.”first-letter” 伪元素用于向文本的首字母设置特殊样式。它只能用于块级元素
下面的属性可应用于 “first-letter” 伪元素:
font
color
background
margin
padding
border
text-decoration
vertical-align (仅当 float 为 none 时)
text-transform
line-height
float
clear
2.”first-line” 伪元素用于向文本的首行设置特殊样式。它也只能用于块级元素。
下面的属性可应用于 “first-line” 伪元素:
font
color
background
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
CSS中主要的伪元素有四个:before/after/first-letter/first-line,在before/after伪元素选择器中,有一个conte
顾名思义,伪元素就是你的文档中若有实无的元素。::first-letter伪元素格式:CSSCode复制内容到剪贴板e::first-letter示例:CSSC
CSS入门教程:网页首字下沉:first-letter版本:CSS2 兼容性:IE5.5语法:Selector:first-letter{sRules}说明:设
CSS伪元素first-letter用来设置段落的第一个字母(中文是第一个文字)的样式,如设置"词首大写"、"大写字母下沉"等样式。first-letter样式
.post-bodyp:first-letter{color:#444;display:inline;float:left;font:3.1emGeorgia,