富贵资源网 Design By www.hznty.com
学习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
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
富贵资源网 Design By www.hznty.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
富贵资源网 Design By www.hznty.com
暂无评论...