CSS 文字樣式 下

2021-08-10 00:19:13 字數 2200 閱讀 9045

文字總匯

文字樣式

文字控制

css文字樣式中文字內容的一些設定,樣式表如下:

屬性名說明

css版本

text-decoration

裝飾文字出現各種劃線。

1text-transform

將英文文字轉換大小寫。

1text-shadow

給文字新增陰影

3text-align

設定文字對齊方式方式

1,3white-space

排版中的空白處理方式

1letter-spacing

設定文字之間的間距

1word-spacing

控制單詞之間的間距

1line-height

設定行高

1word-wrap

控制段詞

1text-indent

設定文字首行的縮排1

css文字樣式有三種:文字裝飾、英文大小寫轉換和文字陰影。

p

解釋:設定文字出現下劃線。屬性值如下表:值說明

none

讓本身有劃線裝飾的文字取消掉

underline

讓文字的底部出現一條下劃線

overline

讓文字的頭部出現一條上劃線

line-through

讓文字的中部出現一條刪除劃線/td>

blink

讓文字進行閃爍,基本不支援了

//讓本來有下劃線的超連結取消

a

p

解釋:設定英文文字轉換成大小寫。值說明

none

將已被轉換大小寫的值恢復到預設狀態。

capitalize

將英文單詞首字母大寫

uppercase

將英文轉換為大寫字母

lowercase

將英文轉換為小寫字母

p

解釋:給文字新增陰影。其中四個值,第乙個值:水平偏移;第二個值:垂直偏移;第三個值:陰影模糊度(可選);第四個值:陰影顏色(可選)。

css文字樣式中還有一組對文字進行訪問、形態進行控制的樣式。

p

解釋:指定文字的對齊方式。值說明

left

靠左對齊,預設

right

靠右對齊

center

居中對齊

justify

內容兩段對齊

start

讓文字處於開始的邊界

end讓文字處於結束的邊界。

p

解釋:處理空白排版方式。值說明

normal

預設值,空白符被壓縮

nowrap

空白符被壓縮,文字不換行

pre空白符被保留,遇到換行符則換行

pre-line

空白符被壓縮,文字會在排滿或遇換行符換行。

pre-wrap

空白符被保留,文字會在排滿或遇換行符換行

p

解釋:設定文字之間的間距。

說明normal

設定預設間距

長度值比如:」數字」+」px」

p

解釋:設定英文單詞之間的間距。值說明

normal

設定預設間距

長度值比如:」數字」+」px」

p

解釋:設定段落行高值說明

normal

設定預設間距

長度值比如:」數字」+」px」

數值比如:1,2,3

%比如:200%

p

解釋:讓過長的英文單詞斷開。值說明

normal

單詞不斷開

break-word

斷開單詞

p

解釋:設定文字首行的縮排值說明

normal

設定預設間距

長度值比如:」數字」+」px」

css文字樣式下

line height 設定文字行高 即將行距的值 行高 字型大小 2,分別增加到內容區域的上下兩邊 overflow 設定文字一出的控制方式 letter spacing 設定字元之間的間距 word spacing 設定詞語之間的間距 word break 設定文字自動換行的方法 line he...

CSS樣式 文字樣式

文字擷取 employorganizalistctrl listtext 文字對齊方式 text align justify 文字超出固定高度 顯示滾動條 overflow scroll 顯示邊框 border 1px dashed ff6b6b 虛線 border top style 1px so...

CSS樣式 文字

css文字屬性可定義文字外觀。通過文字屬性,可以改變文字的顏色,字元間距,對齊文字,裝飾文字,對文字縮排 color aquamarine 顏色是繼承效果 text align center 文字對齊方式 text indent 2 em 首行文字縮排2個畫素 text transform capi...