text-align屬性
設定元素內文字的水平對齊方式
語法:text-align:left/right/center/justify分別是左對齊,右對齊,居中對齊,兩端對齊
注:只對塊級元素設定有效,如,,等,text-align可以繼承
vertical-align屬性
設定元素內容的垂直對齊方式
語法:vertical-align:baseline/sub/super/top/text-top/middle/bottom/text-bottom/長度(px,可正可負表示上下移動)/百分比
基於文字基線上下移動
注:vertical-align對行內元素如,和**元素起作用
line-height,文字行高,可以是畫素值、em、百分比,如line-height:400px 表示一行文字與上下空白共同佔400畫素
可以繼承,不同瀏覽器有不同的預設行高
繼承,繼承的是計算值,而不是em或百分比的值
其他文字樣式屬性,
word-spacing 單位,px、em,設定元素內單詞之間間距,正負都可以,單詞的判斷依據為是否有空格
letter-spacing 單位,px、em,設定元素內字母之間間距,正負都可以,作用於中文亦可生效
text-transform :capitalize/uppercase/lowercase/none大小寫轉換,分別是首字母大寫,大寫,小寫,不作處理
text-decoration:underline/overline/line-through/blink/none設定元素內文字的裝飾,分別是下劃線,上劃線,貫穿線,閃爍效果,不做處理
可同時有以上幾個不同的值, 對塊級元素和行內元素都生效 ,不能繼承
應用:將鏈結的下滑線去掉,a
案例:
慕課網 只學有用的
!
效果:
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...
CSS 文字樣式
left center right左中右 justify 兩端對齊 inherit 繼承 行高不夠時,行與行之間後重疊 數字px 數字em 數字 基於字型大小的百分比 數字 父元素的百分比 數字px 數字em 固定值預設為0 inherit繼承 normal 預設 數字px 固定值 可為負值 inh...