偽元素控制文本中的字體事例分享

網頁中文本是幾乎必不成少，可是網頁中的文字往往很是都雅，一行文字也可以呈現分歧的巨細尺寸，小編就分享一下本身用偽元素選擇器做的事例；

東西/原料

1
起首架構一下網頁的根基內容，直接一 p 標簽（簡單點，只是寫一個存放文本的處所，用來演示成果）
2
然后我們用css節制一下 p 標簽的外不雅和里面的內容；
width，height節制高寬；
border ，顯示外邊框；
font-family，節制字體；
font-size，節制字體巨細；
3
text-indent，節制一下首行縮進的位置；
letter-spacing，節制文字之間的間距；（如圖標紅的位置；）
4
p：first-letter（這是一個選擇器，算是偽類選擇器，可以如許節制 p 標簽的第一個首字母），節制第一文字的字體，巨細，字體顏色（這個選擇器的具體詮釋可以百度一下。）
5
p:first-line，這個節制第一行的整個屬性，如圖所示我們將整一個行設為綠色字體；如許就簡單的完當作了；