黄色草逼视频_久久夜夜视频_亚洲国产成人久久午夜_三级在线播放

1、段落首行自動(dòng)縮進(jìn)

　　每個(gè)段落的首行要縮進(jìn)兩個(gè)漢字大小是眾人皆知的常識(shí)，我們通常在每個(gè)段落首行加上多個(gè)“ ”標(biāo)簽來(lái)實(shí)現(xiàn)縮進(jìn)，這樣雖然能夠達(dá)到目的，但是卻過于麻煩。其實(shí)我們只要運(yùn)用一些簡(jiǎn)單的CSS語(yǔ)法就可以一勞永逸地在一個(gè)頁(yè)面中實(shí)現(xiàn)首行縮進(jìn)。

＜style type="text/css"＞
p{text-indent: 2em}
＜/style＞

　　通過上面的樣式，頁(yè)面中每段包含在標(biāo)簽＜p＞和＜/p＞之間的段落都會(huì)自動(dòng)縮進(jìn)兩個(gè)漢字字符大小。

　　2、段落首字下沉

　　我們閱讀傳統(tǒng)媒體時(shí)，經(jīng)常看到如圖1的效果，通過使用樣式，我們也可以很輕松地實(shí)現(xiàn)類似效果。
圖1 很常見的段落首字下沉效果

＜style＞
#chr:first-letter{font-size: 24pt;left: 0px; float: left;position: absolute }
＜/style＞

　　上面這段代碼定義了一個(gè)首字大小為24pt的縮進(jìn)，使用時(shí)我們只要在某個(gè)段落的標(biāo)簽中添上一個(gè)“id=chr”就可以了，例如下面的段落：

＜p id=chr＞柳永(987?-1053?)字耆卿，福建崇安人。……＜/p＞

　　3、文字豎排效果

　　如下面的一段詩(shī)文，在網(wǎng)頁(yè)上顯示時(shí)文字呈豎直排布，非常適合詩(shī)詞的文字編排。

＜div style="line-height: 18px; text-align: center; writing-mode: tb-rl"＞
＜pre＞
長(zhǎng)恨歌(片段)＜br＞白居易＜br＞
漢皇重色思傾國(guó)，御宇多年求不得。
楊家有女初長(zhǎng)成，養(yǎng)在深閨人未識(shí)。
天生麗質(zhì)難自棄，一朝選在君王側(cè)。
……
＜/pre＞＜/div＞

代碼

　　標(biāo)簽中的樣式規(guī)定了文字的豎直排布，并且每行的間距為18像素，文字為中間對(duì)齊。網(wǎng)頁(yè)讀取時(shí)都會(huì)自動(dòng)將空格去除后才顯示，在詩(shī)文內(nèi)容開始和結(jié)束部分分別加上標(biāo)簽＜per＞和＜/per＞，可以使詩(shī)文內(nèi)容按照自己的意愿精確顯示，其效果如圖2。

圖2 文字豎排效果
　　4、文字從右讀起

　　古文的文字編排也通常用到從右讀起的效果，下面的代碼就可以實(shí)現(xiàn)這個(gè)效果（如圖3）：

圖3 文字從右讀起
＜div style="width:260px;direction: rtl; unicode-bidi: bidi-override"＞
長(zhǎng)恨歌(片段) ＜br＞
白居易＜br＞
漢皇重色思傾國(guó)，御宇多年求不得。
楊家有女初長(zhǎng)成，養(yǎng)在深閨人未識(shí)。
天生麗質(zhì)難自棄，一朝選在君王側(cè)。
……
＜/div＞

　　＜div＞標(biāo)簽中的樣式規(guī)定了一塊260像素寬的區(qū)域，其中的文字從右邊開始。樣式中寬度的設(shè)置非常重要，必須設(shè)置剛好的寬度來(lái)容納內(nèi)容，否則詩(shī)文的顯示效果可能就不是一行一段了。

　　5、文字強(qiáng)制對(duì)齊

　　我們來(lái)比較一下圖4和圖5兩種文字編排方式，圖4是使用了文字強(qiáng)制對(duì)齊的效果，圖5只是普通的編排。圖4的文字首尾很整齊，而圖5的文字行落則參差不齊，有長(zhǎng)有段。顯然，圖4的效果更加美觀，特別是對(duì)于英文的段落。通過如下的代碼，我們就可以輕松實(shí)現(xiàn)文字的強(qiáng)制對(duì)齊：

圖4 使用文字強(qiáng)制對(duì)齊的效果

圖5 普通的編排顯得參差不齊
＜div style="font-size:12px;width:300;text-align:justify"＞
The United States is an industrial country ……
＜/div＞

　　代碼 　　標(biāo)簽中的樣式規(guī)定了一個(gè)300像素寬的區(qū)域，“text-align:justify”規(guī)定了其中的文字行落強(qiáng)制對(duì)齊。

　　通過以上的一些技巧，我們就可以很靈活的根據(jù)需要進(jìn)行網(wǎng)頁(yè)文字的編排！