css 文字屬性可定義文字的外觀。
通過文字屬性,可以改變文字的顏色、字元間距,對齊文字,裝飾文字,對文字進行縮排,等等。
l 基本屬性
屬性描述
示例color
設定文字顏色
color:red;
background-color
背景顏色
text-align
對齊方式
text-align:center/left/right
line-height
設定行高
line-height:30px;line-height:200%px;line-height:2;
letter-spacing
設定字元間距
letter-spacing:20px;letter-spacing:-0.5em
其中1em=10px。但是效果而言,
l text-decoration 屬性
text-decoration 屬性規定新增到文字的修飾。值說明
underline
下劃線overline
上劃線line-through
刪除線none
無線
l text-indent 屬性
text-indent 屬性規定文字塊中首行文字的縮排。值描述
length
定義固定的縮排。預設值:0
。定義基於父元素寬度的百分比的縮排。
l text-transform 屬性
text-transform 屬性控制文字的大小寫。值描述
none
預設。定義帶有小寫字母和大寫字母的標準的文字。
capitalize
文字中的每個單詞以大寫字母開頭。
uppercase
全轉為大寫字母。
lowercase
全轉為小寫字母
l 字型屬性
屬性描述
示例font-size
字型大小
font-size:16px;
font-family
字型系列
font-family:"微軟亞黑
";font-style
設定字型的風格
normal(標準字型)
italic(斜體)
oblique(傾斜字型樣式)
font-weight
設定文字的粗細
normal(相當於
400)
/bold(相當於
700)
/bolder
/lighter
/100-900
CSS 文字控制
one more time one more chance.一歩重頭學前端,css入門。white space text overflow ellipsis word break,word wrap text align justify text decoration text transform ...
css控制文字排版
b 一 如何設定文字字型 顏色 大小 使用font b font style設定斜體,比如font style italic font weight設定文字粗細,比如font weight bold font size設定文字大小,比如font size 12px 或者9pt,不同單位顯示問題參考c...
css控制文字換行
設定為break word時,文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap,遇到長單詞時內容溢位,效果如圖所示 設定為break all時,文字遇到長單詞,會選擇在合適的位置截斷進行換行 換行換行...