很多人都发现有些网站上的内容第一个字字体大小都是比较大的，但是在开发者工具又看不到有什么代码，就很懵。
直接上代码
css通过:first-letter伪元素可以设置首字下沉。
代码
<html>
<head>
<style type="text/css">
p:first-letter
{
font-size: 50px;
float: left;
color: #333;
text-indent: 0;
padding: 2px;
line-height: 1em;
}
</style>
</head>
<body>
<p>
你可以使用:first-letter伪元素为文本的第一个字母添加特殊效果!
</p>
</body>
</html>