[第13课] 使用::first-letter和::first-line伪元素
讲师:李晓斌 长度:6分41秒 软件:Div+CSS 发布日期:2018年03日13日视频课程:[CSS3 技术与浏览器兼容性解析(已完结)]
课程介绍
1、::first-letter
::first-letter伪元素用来选择文本块的第一个字母,除非在同一行中包含一些其他元素。::first-letter伪元素通常用于给文本元素添加排版细节,例如首字下沉效果。例如,如下的写法。
p:first-child::first-letter {
/*CSS样式设置代码*/
}
2、::first-line
::first-line伪元素的使用方法和::first-letter的使用方法类似,也常用于文本排版,只不过::first-line伪元素用来匹配元素的第一行文本,可以应用一些特殊的样式。例如,需要将段落文本的第一行显示为倾斜体的效果,CSS样式代码如下。
p:first-child::first-line {
font-style: italic;
}
注意事项
-如果您在任何场合索要、传播、出售、租借学设计网出品原创视频教程,我们一律进行封号、封ip等措施处理,请务必珍惜您的帐号。无论传播还是索取,我们都会进行封号处理。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
-由于您对视频教程的言论、索要、传播、出售、租借,对学设计网造成的间接或直接经济损失,我们将追究您的法律责任,并有权索回对我们造成的经济损失。
-只要您浏览本网页我们就将视您已经阅读了本注意事项中所有条例,并且同意本事项的所有条例。
-学设计网拥有以上事项的最终解释权。
教程评论
您必须 [ 登录 ] 才能发表评论!
如何观看全部课程
推荐课程
推荐图文教程
推荐书籍