css div 文字樣式 背景樣式

2021-05-23 10:07:20 字數 1152 閱讀 6700

序號

中文說明

標記語法備註1

行 間 距 2

文字修飾

3段首空格

4水平對齊 5

垂直對齊 6

書寫方式

1.行 間 距:line-height

語法:作用:行與行之間的距離

說明:行間距離取值

·不帶單位的數字:以1為基數,相當於比例關係的100%

·帶長度單位的數字:以具體的單位為準

·比例關係

注意:行距是指上下兩行基準線之間的垂直距離。一般地說,英文五線格練習本,從上往下數的第三條橫線就是計算機所認為的該行的基準線。如果文字字型很大,而行距相對較小的話,可能會發生上下兩行文字互相重疊的現象。

2、文字修飾:text-decoration

語法:作用:文字修飾,用於控制文字元素所用的效果,特別適用於引人注意的說明,警告等文字效果。

說明:·inherit    繼承

·none     無文字修飾,預設設定

·underline  下劃線

·overline   上劃線

·line-through 刪除線

·blink    閃爍

注意:同一語句中可以組合多個關鍵字。

例子:下劃線

上劃線刪除線

閃爍使用下列語句可以使連線不再有下劃線:a:link,a:visited,a:active

3.段首空格:text-indent

語法:說明:取值範圍

·帶長度單位的數字

·比例關係

注意:文字縮排可以使文字在相對預設值較窄的區域裡顯示,主要用於中文板式的首行縮排,或是為大段的引用文字和備註做成縮排的格式。在使用比例關係的時候,有人會認為瀏覽器預設的比例是相對段落的寬度而言的,其實事實並非如此,整個瀏覽器的視窗才是瀏覽器所預設的參照物。另外,text-indent是塊級屬性,只能用於

、、

、 等識別符號裡。

4、水平對齊:text-align

語法:作用:在元素框中水平對齊文字

說明:·left   左對齊

·right  右對齊

·center 居中

·justify 兩端對齊,均勻分布

注意:text-alight是塊級屬性,只能用於

、、

邊框樣式 背景樣式

1 邊框屬性 屬性說明 border width 邊框的寬度 border style 邊框的外觀 border color 邊框的顏色 border style 屬性值說明 none 無樣式hidden 與 none 相同。bug應用於表除外。對於表,hidden用於解決邊框衝突 solid 實線...

css背景樣式css背景樣式

css背景樣式 css背景樣式 序號中文說明 標記語法 1背景顏色2背景 3背景重複 4背景固定 5背景定位 6背影樣式 1 背景顏色 background color 語法 說明 引數取值和顏色屬性一樣 注意 在 html當中,要為某個物件加上背景色只有一種辦法,那就是先做乙個 在 中設定完背景色...

CSS字型樣式,背景樣式,列表樣式

1.color 字型顏色 2.font size 字型大小 盡量用偶數 3.font family 字型型號 可以設定多個字型,用,隔開,優先使用第乙個字型,如果沒有使用下乙個。中文字型加引號,英文本型如果有空格 則也要加引號 線上字型 font face 4.font style 字型樣式 斜體等...