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

CSS教程

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;
}

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年10月6日

Previous Story

CSS教程

CSS伪元素:before和after的用法

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

...

Next Story

CSS教程

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

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

...