CSS文字樣式

2021-08-27 08:46:16 字數 1088 閱讀 8815

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...