文字格式化

2021-07-25 10:56:21 字數 1241 閱讀 8397

文字格式化

文字格式化主要包括控制字型以及文字格式,字型包含大小、加粗、字型系列等;文字格式包含文字顏色、文字排列和文字縮排等

1、字型屬性:

font-family(指定字型):value,value1,value2,…;其中vlaue、value1、value2表示字型的名稱,按優先順序進行排列,以逗號隔開,如果字型包含空格,則用引號將字型引起來,這個意思是瀏覽器會優先使用第乙個字型,如果沒裝該字型,則使用下乙個;注意,也可以只設定乙個字型 

font-size(字型大小);

font-weight(字型加粗),其取值可以為normal、bold(粗體)、bolder(更粗的字型)、lighter(更細的)、數值(100~900);

font-style(傾斜):normal/italic;

font-variant:以小型大寫字型,就是外形是大寫字母,但是與小寫字母一樣高,可取值為normal、small-caps;

font屬性,用於把所有針對字型的屬性設定在乙個屬性中,其格式為:

font:font-style font-varient font-weight font-size font-family;,不設定的話,則使用預設狀態

2、文字屬性

文字顏色:color:value;

文字排列:text-align:center/left/right;

文字方向(左右):direction:ltr/rtl;

字元間距:letter-spacing:value;

文字修飾:text-decoration:none/underline(下劃線)/line-through(刪除線)/overline(上劃線);

行高:line-height:value;

首行縮排:text-indent:value;

文字陰影:text-shadow:h-shadow v-shadow blur color;

處理空白:white-space:normal/nowrap(不換行,除非遇到

)/pre(保留空白,類似於pre標記)/pre-wrap(保留空白,但是會正常換行)/pre-line(合併空白序列,但是保留換行符)

文字溢位:text-overflow:clip(裁剪)/ellipsis(以省略號顯示,必須配合處理空白的nowrap和overflow一起使用);

長單詞換行:word-wrap:normal/break-word;

文字換行:word-break:normal、break-all、keep-all;

文字格式化

1 文字格式化 1 字型相關 1 指定字型 屬性 font family 取值 字型值列表 語法 font family value1,value2,value3 eg font family microsoft yahei arial,times 2 字型大小 font size px pt 頁面...

HTML 文字格式化

html 使用標籤與對輸出的文字進行格式,如 粗體or 斜體 這些html標籤被稱為格式化標籤 請檢視底部完整標籤參考手冊 通常標籤替換加粗標籤來使用,替換 標籤使用。然而,這些標籤的含義是不同的 與定義粗體或斜體文字。或者 意味著你要呈現的文字是重要的,所以要突出顯示。現今所有主要瀏覽器都能渲染各...

HTML 文字格式化

1.定義粗體 bold 用標籤 2.定義大號字 標籤 3.定義著重文字 emphasized 標籤 4.定義斜體字 italic 標籤 5.定義小號字 small 標籤 6.定義加重語氣 strong 標籤 7.定義下標字 subscript 標籤 8.定義上標字 superscript 標籤 9....