CSS伪元素: first-letter和first-line的用法

first-letter和first-line的用法

Last Updated on

first-letter和first-line的用法:定义元素中的第一个字符或多行元素的第一行。::first-line 伪元素只能在块容器中,所以,::first-line伪元素只能在一个display值为block, inline-block, table-cell 或者 table-caption中有用。::first-letter会选中某 block-level element(块级元素)第一行的第一个字母,并且文字所处的行之前没有其他内容(如图片和内联的表格) 。

1、p.letter::first-letter{
font-size:75px;
font-weight:bold;
font-family:”微软雅黑”;

—-
line-height:0;
margin-right:3px;
}

2、p.line::first-line{
font-weight:bold;
color:red;
}

Last modified: 2019年11月13日

前一篇

CSS学习系列

CSS伪元素:before和after的用法

::before和::after CSS伪元素:生成的伪元素包含在元素格式框内, 因此不能应用在替换元素上, 比如img或br元素,使用:: before和:: after伪元素来创建一些意想不到的效果。

...

后一篇

CSS学习系列

CSS排版:行高,垂直,外边距

CSS行高垂直外边距可以使用水平内边距、边框和外边距调整它们的间距。但是,垂直内边距、边框和外边距不影响行内框的高度。

...