前端夯实基础（六）--- CSS的四个伪元素+彩蛋

1、:first-line

用于向文本的首行设置特殊样式，只能用于块级元素。

p{
	width: 200px;
    color: #c0c0c0;
}
p:first-line 
{
	color: skyblue;
}
<p>
海洋几乎涵盖所有的动物种类。海洋动物门类繁多，各门类的形态结构和生理特点可以有很大差异。微小的有单细胞原生动物，大的有长可超过30 m、重超过 1.90×104 kg 的蓝鲸。无论大小，人们都对其倾注了许多的研究热情，因为每个物种都是海洋生物多样性的组成部分，都在维护海洋生态系统中起着重要作用。
</p>

2、:first-letter

用于向文本的首字母设置特殊样式，只能用于块级元素。

p:first-letter 
{
	color: skyblue;
    font-size: 36px
}
<p>
海洋几乎涵盖所有的动物种类。海洋动物门类繁多，各门类的形态结构和生理特点可以有很大差异。微小的有单细胞原生动物，大的有长可超过30 m、重超过 1.90×104 kg 的蓝鲸。无论大小，人们都对其倾注了许多的研究热情，因为每个物种都是海洋生物多样性的组成部分，都在维护海洋生态系统中起着重要作用。
</p>