|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
css傍边有很多平常很罕用的属性,可是这些属性偶然候被开掘出来今后就会立即引发一些人的追逐,首字年夜写就是如许一种效果。比来愈来愈多的blogger入手下手在本人的blog中使用这一办法,器材很复杂,上面就来给人人先容一下用:first-letter伪类来完成这类效果的办法:
:first-letter版本:CSS2 兼容性:IE5.5+
语法:
Selector:first-letter{sRules}
申明:
设置工具内的第一个字符的款式。
此伪工具仅感化于块工具。内联要素要利用该属性,必需先设定工具的height或width属性,大概设定position属性为absolute,大概设定display属性为block。
在此伪工具中共同利用font-size属性和float属性能够制造首字下沉效果。
示例:
pa:first-letter{color:green}
div:first-letter{color:red;font-size:16px;float:left;}
使用于:
IE5.5+ADDRESSBLOCKQUOTEBODYCENTERDDDIVDLDTFIELDSETFORMHnLEGENDLILISTINGMARQUEEMENUPPLAINTEXTPREXMP
今朝IE和FF都撑持此属性,以是人人不用挂念兼容性的成绩,固然要记得设置float属性哦,否则就不会呈现那种年夜字紧贴几行的效果了。
典范(未设置float属性):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;}
</style>
<p>接待人人离开<ahref=http://www.sj33.cn>计划之家</a></p>
典范(设置float属性为left):
<style>
p{line-height:25px;}
p:first-letter{font-size:50px;line-height:50px;float:left;}
</style>
<p>接待人人离开<ahref="http://www.sj33.cn">计划之家</a></p>
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。 |
|