css文本屬性用法總結

稍稍總結了下css文本的一些屬性用法,本身忘記的時候也能夠用來查查,不用去查網站那麼麻煩。css

下面是部分總結,也但願對其餘人有用canvas

 

文本修飾api

(1)text-decoration:  文本修飾(橫線)瀏覽器

4個屬性值佈局

overline   line-through   underline  blink網站

(1)overlinespa

定義文本上的一條橫線orm

(2)line-through繼承

這個屬性值時最有用的,通常商家降價促銷後面的價格會用橫線劃去表示那是以前的價格ip

(3)通常<a>標籤會帶由unline

要想去除就要設置text-decoration:none

(4)blink

文本閃爍,通常不多使用,只有在canvas中會使用,而且瀏覽器的支持度不高,只有火狐支持

 

另外:

還能夠用text-decoration-color來修飾橫線的顏色

 

 

(2)text-transform   字母大小寫

5個屬性值

capitalize   uppercase    lowercase   inhert   none

(1)capitalize

首字母大寫

(2)uppercase和lowercase

大小寫

(3)inhert

繼承父元素的字母屬性

(4)none

默認,沒有任何效果

 

(3)text-overflow 定義文本超出範圍的修飾

3個屬性

clip  ellipsis    string

(1)clip

修剪文本

(2)ellipsis

用省略號來表示超出的文本

(3)string

用固定的字符來表示超出的文本

 

 

(4) text-shadow: h-shadow v-shadow blur color   文本陰影效果

3個屬性值

(1)v-shadow    必需,水平陰影的位置,容許負值

(2)v-shadow    必需,垂直陰影的位置,容許負值

(3)blur     可選,模糊的距離

(4)color   可選,陰影的顏色

 

 

 

文本佈局

(1)text-indent    文本縮進

3種屬性值

length    %     inhert

(1)length

定義固定縮進,以像素爲單位,默認值爲0

(2)%

以父元素寬度的百分比爲長度縮進

(3)inhert

繼承父元素的縮進

 

(2)text-align    文本對齊

5種屬性值

left   center  right  justify  inhert

(1)left和right

不多使用

(2)center

居中對齊

常常和line-height:父元素高度  一塊兒使用使文本居中對齊

若是不添加line-height 屬性,文本會偏在父元素的上方

(3)justify

文本兩端對齊

相關文章
相關標籤/搜索