CSS3 對文字的基本設定大全

2021-10-08 23:26:51 字數 1200 閱讀 3412

color:顏色值;

color屬性可以設定的合法顏色值包括:16進製制顏色值(例:#ffffff),rgb顏色值【例:rgb(0,0,0)】,rgba顏色值【例:rgb(0,0,0,0.5),0.5表示透明度】,hsl顏色值【例:hsl(120,65%,75%)】,hsla顏色值【hsl(120,65%,75%,0.3),0.3表示透明度】。

2、css文字文字行高(行間距)的屬性

line-height屬性:設定行間的距離(行高)。用法如下:

line-height:值;

3、css設定文字文字的水平對齊方式的屬性

text-align:left||right||center||justify;

justify:實現兩端對齊文字效果。

4、css文字縮排屬性

text-indent屬性:設定文字縮排。

5、設定文字文字裝飾效果

text-decoration屬性:定義新增到文字的修飾。

說明:這個屬性允許對文字設定某種效果,如加下劃線。如果後代元素沒有自己的裝飾,祖先元素上設定的裝飾會「延伸」到後代元素中。

用法:text-indent:none||[underline(下劃線)||overline(上劃線)||line-through(中劃線)]||blink;

none:預設值,定義標準的文字。

underline:定義文字下的一條線。

overline:定義文字上的一條線。

line-through:定義穿過文字下的一條線。

blink:定義閃爍的文字。

6、文字字元的大小寫轉換屬性

text-transform屬性:控制文字字元的大小寫。

用法:text-transform:uppercase(全大寫)||lowercase(全小寫)||capitalize(首字母大寫)||none;

7、文字文字間距的屬性

word-spacing屬性:設定文字或單詞之間的間距,單詞之間的間距=word-spacing+空格大小。

letter-spacing屬性:設定字母間的間隔。

大家可以參考文章【css如何設定文字間距?word-spacing屬性與letter-spacing屬性的簡單比較】,裡面介紹了word-spacing屬性和letter-spacing屬性設定文字文字的間距的方法,以及它們的區別。

8、文字文字陰影的屬性

9、超出省略隱藏

.box

css3 文字的設定

1.text shadow 有3個length引數,第1個表示水平偏移,第2個表示垂直偏移,第3個表示模糊 可選 text11 2.webkit text stroke 描邊的文字 webkit text stroke 1px yellow 描邊為1px 3.box reflect 文字倒影 web...

繁星CSS3之旅 CSS基本樣式 CSS文字

css文字 1 css文字屬性可定義文字外觀 通過文字屬性,可以改變文字的顏色 字元間距 對齊文字 裝飾文字 對文字縮排。例 doctype html html lang en head meta charset utf 8 title document title link rel stylesh...

CSS3的基本介紹

知識點記錄 1 圓角效果 border radius 如 border radius 10px 所有角都使用半徑為10px的圓角 border radius 5px 4px 3px 2px 四個半徑值分別是左上角 右上角 右下角和左下角,順時針 2 陰影 box shadow 如 box shado...