国产黄在线观看免费观看软件,中文字幕一区视频播放

目標(biāo)

標(biāo)線樣式
大小寫(xiě)轉(zhuǎn)換
首行縮進(jìn)
文本水平對(duì)齊
行高
字母間距與詞間距

之前介紹過(guò)文字樣式，但文字樣式只是針對(duì)一個(gè)字而已 ?，F(xiàn)實(shí)往往更多處理的是大段的文字，也叫做段落。段落更注重的是排版效果。一個(gè)排版好看的文章，更吸引人去看。
標(biāo)線樣式之前是使用標(biāo)簽來(lái)設(shè)置標(biāo)線，但更推薦的是使用css來(lái)設(shè)置標(biāo)線，因?yàn)闃邮脚c結(jié)構(gòu)分離才是最好的選擇。
語(yǔ)法：text-decoration:屬性值

屬性值
各種標(biāo)線，下劃線和刪除線用得較多，常用在文章的重點(diǎn)語(yǔ)句，或者是電商網(wǎng)站里的原價(jià)

標(biāo)線樣式
小技巧，還可以用這個(gè)屬性去除a標(biāo)簽的默認(rèn)下劃線。text-decoration:none
大小寫(xiě)轉(zhuǎn)換這個(gè)屬性是針對(duì)英文，它可以很方便轉(zhuǎn)換大小寫(xiě)，這個(gè)對(duì)于經(jīng)常跟英文打交道的，是個(gè)神器！
語(yǔ)法：text-transform:屬性值;

屬性值
真正一鍵轉(zhuǎn)換全大寫(xiě) 。

原文

轉(zhuǎn)大寫(xiě)
首行縮進(jìn)在書(shū)寫(xiě)習(xí)慣上，一般習(xí)慣每個(gè)段落都會(huì)縮進(jìn)兩個(gè)字大小，這個(gè)叫首行縮進(jìn) 。我們都知道段落p標(biāo)簽的首行是不會(huì)縮進(jìn)的，在此之前都是手動(dòng)打幾個(gè)空格，這樣很容易導(dǎo)致空格失效，因?yàn)榫庉嬈骱苋菀装芽崭窈雎缘?。所有要使用css來(lái)控制。
語(yǔ)法：text-indent:像素值;
像素值可以使用px，但一般開(kāi)發(fā)用得更多的是rem，2rem代表2個(gè)字的大小。

首行縮進(jìn)
文本水平對(duì)齊在CSS中，使用text-align屬性控制文本的水平方向的對(duì)齊方式：左對(duì)齊、居中對(duì)齊、右對(duì)齊。常見(jiàn)的文章標(biāo)題，就是用這個(gè)來(lái)水平居中。
語(yǔ)法：text-align:屬性值;

屬性值
三種不同的水平對(duì)齊方式

水平對(duì)齊方式
行高在CSS中，使用line-height屬性來(lái)控制文本的行高。這個(gè)有點(diǎn)像行間距，但嚴(yán)謹(jǐn)?shù)恼f(shuō)，并不是！這里的行高真的是指一行的高度，大多數(shù)人會(huì)認(rèn)為是word文檔里的行間距，行間距指的是”兩行文本之間的距離”，是不是不一樣。
語(yǔ)法：line-height:像素值;
不同行高的區(qū)別如下

不同行高
這里有個(gè)小技巧，行高line-height和高h(yuǎn)eight設(shè)置為同一值，就可以實(shí)現(xiàn)垂直居中！

垂直居中
字母間距和詞間距編寫(xiě)word文檔的時(shí)候，常常是根據(jù)板式來(lái)調(diào)整字的間距，以免頁(yè)面過(guò)于擁堵。那調(diào)整字與字間距就有兩種情況。
首先是字間距，語(yǔ)法：letter-spacing:像素值;
說(shuō)明：letter-spacing控制的是字間距，每一個(gè)中文文字作為一個(gè)”字”，而每一個(gè)英文字母也作為一個(gè)”字” 。