定義
text-indent
值: | | inherit
初始值: 0
應用於: 塊級元素(包括block和inline-block)
繼承性: 有
百分數: 相對於包含塊的寬度
應用
div【首字下沉】
div定義水平對齊是影響乙個元素中的文字的水平對齊方式div:first-letter
text-align
值: left | center | right | justify | inherit
初始值: left
應用於: 塊級元素(包括block和inline-block)
繼承性: 有
兩端對齊
ie相容
對於ie7-瀏覽器來說，使用text-align不僅會改變文字的水平對齊方式，也會改變後代塊級元素的水平對齊方式
.box.in
<div
class
="box"
>
<
div
class
="in"
>測試文字
字間隔是指單詞間距，用來設定文字或單詞之間的間距。實際上，"字"表示的是任何非空白符字元組成的串，並由某種空白符包圍
[注意]單詞之間用空格分開，單詞之間的間距 = word-spacing + 空格大小
[注意]字間隔可為負值
word-spacing
值: | normal | inherit
初始值: normal(預設為0)
應用於: 所有元素
繼承性: 有
字母間隔是指字元間距
[注意]字母間隔可為負值
letter-spacing
值: | normal | inherit
初始值: normal(預設為0)
應用於: 所有元素
繼承性: 有
文字轉換用於處理英文的大小寫轉換
text-transform
值: uppercase(全大寫) | lowercase(全小寫) | capitalize(首字母大寫) | none | inherit
初始值: none
應用於: 所有元素
繼承性: 有
定義
文字修飾用於為文字提供修飾線
[注意]文字修飾線的顏色與文字顏色相同
text-decoration
值: none | [underline(下劃線) || overline(上劃線) || line-through(中劃線)] | inherit
初始值: none
應用於: 所有元素
繼承性: 無
繼承
文字修飾屬性無法繼承，意味著子元素文字上的任何修飾線與父元素的顏色相同。子元素文字上的修飾線實際上是父元素的，只是正好"經過"而已。
[注意]互不衝突的文字修飾線可出現多條
在首行縮排(text-index)、水平對齊(text-align)、字間隔(word-spacing)、字母間隔(letter-spacing)、文字轉換(text-transform)、文字修飾(text-decoration)這6種文字樣式中，首行縮排(text-index)和水平對齊(text-align)只能夠應用於塊級元素(包括block和inline-block)，這是最應該注意的地方
CSS（三）常見的CSS文字樣式
通常text indent縮排屬性將對段落首行開頭文字文字進行縮排顯示。popcontent desc以上 就是對div進行0.1rem的首行縮排。當然中文字在div或任意盒子中均會自動換行不需要css樣式實現，只有連續的字母或數字會出現不自動換行問題，所以需要css解決。此時需要給div乙個最大的...
常見的CSS樣式
常見的css樣式 color 文字顏色 background color 背景顏色 opacity 設定透明度 顏色 光的三原色 紅 綠 藍 三種顏色表示法 名詞表示法 red green blue 16進製制顏色表示法 000000 十六進製制 0 f ff 紅色 00 綠色 00 藍色 十進位制...
css的常見6種布局方式
下面主要是針對三欄布局進行介紹 常見的三欄布局有，流體布局 聖杯布局 雙飛翼布局 flex布局 絕對定位布局 網格布局 流體布局 兩邊的寬度是固定的，中間的寬度是可以根據螢幕的大小進行改變的。實現的關鍵點是，左邊還有右邊的元素分別給他們設定浮動，即左邊設定成左浮動，右邊是右浮動，並且要設定成固定的寬...