带来一篇用css款式表完成首字年夜写
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是大势所趋。 还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。 足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。 Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。 经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅. 在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。 运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
页:
[1]