顏色

1.color

設(shè)置文本顏色。無默認值。

• transparent：用來指定全透明色彩。
• currentColor： currentColor是 color 屬性的值，具體意思是指：currentColor關(guān)鍵字的使用值是color屬性值的計算值。

2.opacity

定義元素的不透明度。
取值：number：使用浮點數(shù)指定對象的不透明度。值被約束在0.0~1.0范圍內(nèi)，如果超過了這個范圍，其計算結(jié)果將截取到與之最相近的值。

• 當一個元素定義了opacity屬性，并且值小于1時，那么它的子元素也會同樣擁有相同的透明度。
• 當一個元素定義了opacity屬性，并且值小于1時，將會創(chuàng)建一個新的堆疊上下文；如果其它的元素為非定位元素，那么該元素的堆疊級別將會高于其它元素。
• 對于尚不支持opacity屬性的IE瀏覽器可以使用IE私有的濾鏡屬性來實現(xiàn)與opacity相同的效果

字體

1.font

• font-style:指定文本字體樣式，指定元素的文本是否為斜體。
  取值：
  normal：指定文本字體樣式為正常的字體
  italic：指定文本字體樣式為斜體。對于沒有設(shè)計斜體的特殊字體，如果要使用斜體外觀將應(yīng)用oblique
  oblique：指定文本字體樣式為傾斜的字體。人為的使文字傾斜，而不是去選取字體中的斜體字
• font-variant：定義元素的文本是否為小型的大寫字母。
  取值：
  normal：正常的字體
  small-caps：小型的大寫字母字體
  
  font-variant.jpg
• font-weight：定義元素文本字體的粗細。
  取值：
  normal：正常的字體。相當于數(shù)字值400
  bold：粗體。相當于數(shù)字值700。
  bolder：定義比繼承值更重的值
  lighter：定義比繼承值更輕的值
  <integer>:用數(shù)字表示文本字體粗細。取值范圍：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
• font-size:定義元素的字體大小。
• font-family：定義元素文本的字體名稱序列。
• font-stretch：定義元素的文字是否橫向拉伸變形。

取值：
normal：正常文字寬度
ultra-condensed：比正常文字寬度窄4個基數(shù)。
extra-condensed：比正常文字寬度窄3個基數(shù)。
condensed：比正常文字寬度窄2個基數(shù)。
semi-condensed：比正常文字寬度窄1個基數(shù)。
semi-expanded：比正常文字寬度寬1個基數(shù)。
expanded：比正常文字寬度寬2個基數(shù)。
extra-expanded：比正常文字寬度寬3個基數(shù)。
ultra-expanded：比正常文字寬度寬4個基數(shù)。

• font-size-adjust：定義元素的 aspect 值，用以保持首選字體的 x-height。

文本

1.text-transform：定義元素的文本如何轉(zhuǎn)換大小寫。

取值：
none：無轉(zhuǎn)換
capitalize：將每個單詞的第一個字母轉(zhuǎn)換成大寫
uppercase：將每個單詞轉(zhuǎn)換成大寫
lowercase：將每個單詞轉(zhuǎn)換成小寫
full-width：將所有字符轉(zhuǎn)換成fullwidth形式。如果字符沒有相應(yīng)的fullwidth形式，將保留原樣。這個值通常用于排版拉丁字符和數(shù)字等表意符號。（CSS3）

2.white-space：指定元素是否保留文本間的空格、換行；指定文本超過邊界時是否換行。

取值：
normal：默認處理方式。會將序列的空格合并為一個，內(nèi)部是否換行由換行規(guī)則決定。
pre：原封不動的保留你輸入時的狀態(tài)，空格、換行都會保留，并且當文字超出邊界時不換行。等同 pre 元素效果
nowrap：與normal值一致，不同的是會強制所有文本在同一行內(nèi)顯示。
pre-wrap：與pre值一致，不同的是文字超出邊界時將自動換行。
pre-line：與normal值一致，但是會保留文本輸入時的換行。

3.tab-size：定義元素內(nèi)容中制表符的長度。

• 該屬性決定了制表符(U+0009)的寬度，number代表空格(U+0020)的倍數(shù)(如：tab-size:4; 表示制表符寬度是4個空格的寬度)
• 只有當white-space的屬性值為：pre | pre-wrap時，該屬性的定義才有效

通俗說就是在pre預(yù)格式下或者white-space屬性為pre-wrap下可以設(shè)置空格的寬度。

4.word-break：定義元素內(nèi)容文本的字間與字符間的換行行為。

normal：默認的換行規(guī)則。依據(jù)各自語言的規(guī)則，允許在字間發(fā)生換行。
keep-all：對于 CJK（中文，韓文，日文）文本不允許在字符內(nèi)發(fā)生換行。Non-CJK 文本表現(xiàn)同normal。
break-all：對于 Non-CJK 文本允許在任意字符內(nèi)發(fā)生換行。該值適合包含一些非亞洲文本的亞洲文本，比如使連續(xù)的英文字符斷行。
break-word：與break-all相同，不同的地方在于它要求一個沒有斷行破發(fā)點的詞必須保持為一個整體單位。這與word-wrap的break-word值效果相同

• break-all會在文本內(nèi)容遇見邊界時，強制將文本打斷換行，而不考慮單詞是否是完整的一個單位
• break-word同樣也會在文本內(nèi)容遇見邊界時，強制將文本打斷換行，不同的在于它會考慮單詞是否完整，如果當前行無法放下需要被打斷的單詞，為了保持完整性，會將整個單詞放到下一行進行展示

5.word-wrap/overflow-wrap:設(shè)置或檢索當內(nèi)容超過指定容器的邊界時是否斷行。

取值：
normal：允許內(nèi)容頂開或溢出指定的容器邊界。
break-word：內(nèi)容將在邊界內(nèi)換行，如果需要，單詞內(nèi)部允許斷行。它要求一個沒有斷行破發(fā)點的詞必須保持為一個整體單位，如果當前行無法放下需要被打斷的單詞，為了保持完整性，會將整個單詞放到下一行進行展示。這與word-break的break-word值效果相同

6.text-align:定義元素內(nèi)容的水平對齊方式。

取值left：內(nèi)容左對齊。
center：內(nèi)容居中對齊。
right：內(nèi)容右對齊。
justify：內(nèi)容兩端對齊，但對于強制打斷的行（被打斷的這一行）及最后一行（包括僅有一行文本的情況，因為它既是第一行也是最后一行）不做處理。（CSS3）
start：內(nèi)容對齊開始邊界。（CSS3）
end：內(nèi)容對齊結(jié)束邊界。（CSS3）
match-parent：這個值和inherit表現(xiàn)一致，只是該值繼承的start或end關(guān)鍵字是針對父母的direction值并計算的，計算值可以是 left 和 right 。（CSS3）
justify-all：效果等同于justify，不同的是最后一行也會兩端對齊。（CSS3）

7.word-spacing：指定單詞之間的額外間隙。

• 該屬性可以將指定的額外間隙添加到每個單詞之后，最后一個單詞不添加，這意外著可以通過該屬性控制單詞間的間隙大小。
• 判斷是否為單詞的依據(jù)是單詞間是否有單詞分割符，比如：空格。

<p>howare you!</p>
p{word-spacing:20px;}

8.letter-spacing:指定字符之間的額外間隙。

• 該屬性可以將指定的額外間隙添加到每個字符之后，最后一個單詞也會被添加。

9.text-indent:定義塊內(nèi)文本內(nèi)容的縮進。

text-indent: 30px;
//如果是想要首行空兩個字大小可以用em
text-indent:2em;

9.vertical-align:定義行內(nèi)元素在行框內(nèi)的垂直對齊方式。

取值：
baseline：把當前盒的基線與父級盒的基線對齊。如果該盒沒有基線，就將底部外邊距的邊界和父級的基線對齊(默認)
sub：把當前盒的基線降低到合適的位置作為父級盒的下標（該值不影響該元素文本的字體大小）
super：把當前盒的基線提升到合適的位置作為父級盒的上標（該值不影響該元素文本的字體大?。?br> text-top：把當前盒的top和父級的內(nèi)容區(qū)的top對齊
text-bottom：把當前盒的bottom和父級的內(nèi)容區(qū)的bottom對齊
middle：把當前盒的垂直中心和父級盒的基線加上父級的半x-height對齊
top：把當前盒的top與行盒的top對齊
bottom：把當前盒的bottom與行盒的bottom對齊

10.line-height:定義元素中行框的最小高度。

• 取值：長度，白分比，長度因子

11.text-size-adjust:定義移動端頁面中元素文本的大小如何調(diào)整。

文本裝飾屬性

1.text-decoration:簡寫屬性。定義元素文本裝飾。

• text-decoration-line:定義元素文本裝飾線條位于文本的哪個位置。

取值：
none：指定文字無裝飾
underline：指定文字的裝飾是下劃線
overline：指定文字的裝飾是上劃線
line-through：指定文字的裝飾是貫穿線
blink：指定文字的裝飾是閃爍。

• text-decoration-color:指定元素文本裝飾線條的顏色。
• text-decoration-style:定義元素文本裝飾線條的形狀。

取值：
solid：實線
double：雙線
dotted：點狀線條
dashed：虛線
wavy：波浪線

• text-shadow:定義文字是否有陰影及模糊效果。

取值：
none:無陰影
<length>①：第1個長度值用來設(shè)置對象的陰影水平偏移值?？梢詾樨撝?br> <length>②：第2個長度值用來設(shè)置對象的陰影垂直偏移值?？梢詾樨撝?br> <length>③：如果提供了第3個長度值則用來設(shè)置對象的陰影模糊值。不允許負值
<color>：設(shè)置對象的陰影的顏色。

書寫模式

1.direction:檢索或設(shè)置文本流的方向。

取值：
ltr：文本流從左到右。
rtl：文本流從右到左。

2.unicode-bidi:用于同一個頁面里存在從不同方向讀進的文本顯示。

取值：
normal：對象不打開附加的嵌入層，對于內(nèi)聯(lián)元素，隱式重排序跨對象邊界進行工作。
embed：屬性的值指定嵌入層，在對象內(nèi)部進行隱式重排序。
bidi-override：屬性的值重排序。忽略隱式雙向運算規(guī)則。

3.writing-mode:設(shè)置或檢索對象的內(nèi)容塊固有的書寫方向。西方語言一般都是 lr-tb 的書寫方式，但是亞洲語言 lr-tb | tb-rl 的書寫方式都有。

取值：
horizontal-tb：水平方向自上而下的書寫方式。即 left-right-top-bottom（類似IE私有值lr-tb）
vertical-rl：垂直方向自右而左的書寫方式。即 top-bottom-right-left（類似IE私有值tb-rl）
vertical-lr：垂直方向自左而右的書寫方式。即 top-bottom-left-right
lr-tb：左-右，上-下。對象中的內(nèi)容在水平方向上從左向右流入，后一行在前一行的下面。 所有的字形都是豎直向上的。這種布局是羅馬語系使用的（IE）
tb-rl：上-下，右-左。對象中的內(nèi)容在垂直方向上從上向下流入，自右向左。后一豎行在前一豎行的左面。全角字符是豎直向上的，半角字符如拉丁字母或片假名順時針旋轉(zhuǎn)90度。這種布局是東亞語系通常使用的（IE）

此屬性效果不能被累加使用。例如，父對象的此屬性值設(shè)為 tb-rl ，子對象再設(shè)置該屬性將不起作用，仍應(yīng)用父對象的設(shè)置。

列表

1.list-style：復合屬性。設(shè)置列表項目相關(guān)內(nèi)容

• list-style-image:設(shè)置或檢索作為對象的列表項標記的圖像。
  none：不指定圖像，默認內(nèi)容標記將被 <' list-style-type '> 代替。
  <url>：使用絕對或相對地址指定列表項標記圖像。如果圖像地址無效，默認內(nèi)容標記將被 <' list-style-type '> 代替。
• list-style-position:設(shè)置或檢索作為對象的列表項標記如何根據(jù)文本排列。

取值：
outside：列表項目標記放置在文本以外，且環(huán)繞文本不根據(jù)標記對齊
inside：列表項目標記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標記對齊

list-sytle-position.jpg

• list-style-type:設(shè)置或檢索對象的列表項所使用的預(yù)設(shè)標記。

取值：
disc：實心圓(CSS1)
circle：空心圓(CSS1)
square：實心方塊(CSS1)
decimal：阿拉伯數(shù)字(CSS1)
lower-roman：小寫羅馬數(shù)字(CSS1)
upper-roman：大寫羅馬數(shù)字(CSS1)
lower-alpha：小寫英文字母(CSS1)
upper-alpha：大寫英文字母(CSS1)
none：不使用項目符號(CSS1)
armenian：傳統(tǒng)的亞美尼亞數(shù)字(CSS2)
cjk-ideographic：淺白的表意數(shù)字(CSS2)
georgian：傳統(tǒng)的喬治數(shù)字(CSS2)
lower-greek：基本的希臘小寫字母(CSS2)
hebrew：傳統(tǒng)的希伯萊數(shù)字(CSS2)
hiragana：日文平假名字符(CSS2)
hiragana-iroha：日文平假名序號(CSS2)
katakana：日文片假名字符(CSS2)
katakana-iroha：日文片假名序號(CSS2)
lower-latin：小寫拉丁字母(CSS2)
upper-latin：大寫拉丁字母(CSS2)