首字下沉是一個在排版設計中經常使用的技巧，使得第一個字母比其它文字更大并且下沉至基準線以下。在CSS中實現首字下沉需要用到偽元素以及一些其它CSS屬性。 首先，在p標簽中，我們需要先把首字拆分出來，并添加一個span標簽。比如我們要對下面這個段落做首字下沉：

在CSS中實現首字下沉需要用到偽元素以及一些其它CSS屬性。

我們需要把“在”這個字拆分出來，再給它加上一個span標簽：

在CSS中實現首字下沉需要用到偽元素以及一些其它CSS屬性。

接下來，我們就需要在CSS中為這個span標簽定義一些樣式了。首先，我們需要用display屬性將它設置成塊級元素，這樣才能使文字下沉，并且使得后面的文字可以往上對齊：

.dropCap {
float: left;
font-size: 4em;
line-height: 0.8em;
display: block;
}

在這里，我們也用到了float屬性將首字浮動到了左側。font-size屬性則將首字的大小設置為了原來文字大小的4倍，而line-height屬性則將行高設置為0.8倍的字體大小，使得文字垂直對齊。最后，我們設置了display屬性為block，使得首字成為一個塊級元素。 除了上面的幾個屬性外，我們還可以添加其它一些樣式來進一步優化我們的首字下沉效果。下面是一個完整的首字下沉的CSS代碼示例：

p {
margin-bottom: 20px;
text-align: justify;
}
.dropCap {
float: left;
font-size: 4em;
line-height: 0.8em;
display: block;
margin-right: 0.1em;
font-family: Georgia, serif;
color: #666;
}

在這個代碼示例中，我們還為p標簽添加了一些通用的樣式，例如設置了margin-bottom和text-align屬性。而對于我們的首字下沉效果，我們也進一步添加了margin-right、font-family和color屬性等，讓首字更符合整段文字的主題和風格。 在使用首字下沉時，需要注意的是并不適用于所有場景。在設計和排版中，我們應該視情況和需要靈活運用這個效果，以獲得最佳的視覺效果和閱讀體驗。