学习下用css设置文本的首行笔墨效果

显示全部楼层 · 发表于 2015-1-16 10:37:03

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

兼容做法就是都设置float属性。但是记住有设置过float就要将floatclear掉，不然下面的div会叠在已float的div上。

用CSS不仅能够设置首字效果，并且用css的:first-line还能够把持文本的首行，没有想到吧，这就是css伪元素的壮大功效。
具体利用办法请参看first-line，实比方下：
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>css把持文本首行效果</title><styletype="text/css">p:first-line{color:#390;}</style></head><body><p>这个伪元素用于设置元素中的第一行文本的款式，而不管该行呈现几单词。:first-line只能与块级元素联系关系。能够使用到首字母的属性是无限的。:first-letter伪元素向文本的第一个字母增加特别款式。这个伪元素用于指定一个元素第一个字母的款式。一切前导标点标记应该与第一个字母一同使用该款式。某些言语有一些要处置为单个字符的字母组合，假如是如许，用户代办署理大概会把首字母同时使用到这个字母组合。<br/>详细利用办法请参考<ahref="/css2/pseudo_ele_first-line681.shtml">first-line</a><ahref="/css2/pseudo_ele_first-letter680.shtml"></a></p></body></html>
尺度之路www.ckuyun.com提醒：能够先修正部分代码后再运转
接下来是布局思维方式，可能大家在接触DIV+CSS的时候无从下手，我现在向大家推荐最著名的盒子模型，我也是看了这个模型后一下子就开窍了。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 学习下用css设置文本的首行笔墨效果

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子