css实现首字母下沉

在web的排版中，经常会遇到首字母下沉的效果，那么我们看看它是怎么实现的吧。

::first-letter实现首字母下沉

p:first-child::first-letter{
            color: #c69c6d;
            float: left;
            font-size: 5em;
            margin:0 .2em 0 0;
        }

• 一种方法是用伪元素::first-letter来实现，实现原理是：把首字母font-size值设置较大，然后能float来实现

initial-letter实现首字母下沉

……