当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > CSS入门教程:网页首字下沉

CSS样式表
css制作有立体效果的表格
HTML验证的好处?
如何实现FireFox文本自动换行
CSS让图片垂直居中和底端对齐的代码
DIV CSS布局浏览器兼容的问题
介绍我知道的hack方法
display:inline | block |inline-block
white-space:nowrap的应用
CSS缩写优化CSS文件的体积
CSS网页设计字体大小(em)探讨
CSS教程:div设置float后高度不自动增加
CSS网页布局强制换行和强制不换行的属性讲解
对话闲聊DIV CSS与WEB标准
最常用的五类CSS选择器
CSS教程:line-height属性的继承
CSS关于初学者的问题
提高CSS的网页渲染效率11个注意点
DIV CSS:网页一行两列背景自适应
CSS将成为网页设计师必备知识
兼容IE和FF的单行溢出文本显示省略号

CSS样式表 中的 CSS入门教程:网页首字下沉


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 118 ::
收藏到网摘: n/a


CSS入门教程:网页首字下沉
:first-letter
版本:CSS2  兼容性:IE5.5
语法:
Selector : first-letter { sRules }
说明:
设置对象内的第一个字符的样式。
此伪对象仅作用于块对象。内联要素要使用该属性,必须先设定对象的 height 或 width 属性,或者设定 position 属性为 absolute ,或者设定 display 属性为 block 。
在此伪对象中配合使用 font-size 属性和 float 属性可以制作首字下沉效果。
示例:
p a:first-letter { color: green }
div:first-letter { color:red;font-size:16px;float:left; }
简单,就不放例子了