文本
color文本顏色
h1 {color:#00ff00;}
direction文本方向
div{
direction:rtl;
unicode-bidi: bidi-override;
}
1.direction屬性 ltr(默認(rèn)從左到右)rtl（右到左）inherit
2.unicode-bidi屬性normal|embed|bidi-override(ps:文本倒過來了)
3.unicode-bidi 屬性與 direction屬性一起使用剖膳，來設(shè)置或返回文本是否被重寫
letter-spacing 增加或減少字符間的空白（字符間距）
h1 {letter-spacing:2px}
line-height字符行高
p.small {line-height:90%}/*基于當(dāng)前字體尺寸的百分比行間距师郑。*/
p.big{line-height: 2}/*此數(shù)字會(huì)與當(dāng)前的字體尺寸相乘來設(shè)置行間距握侧。*/
p.c{line-height: 20px}
text-align文本水平對齊方式
h1 {text-align:center}
h2 {text-align:left}
h3 {text-align:right}
p.main {text-align:justify;}/*兩端對齊*/
text-decoration文本的修飾（下劃線庵佣、上劃線、刪除線）
h1{text-decoration: underline red;} /*紅色下劃線*/
h2{text-decoration: underline wavy red; } /*紅色波浪形下劃線*/
h2 {text-decoration:line-through;}
h1 {text-decoration:overline}
text-indent 文本塊中首行文本的縮進(jìn),負(fù)值等于向左縮進(jìn)
p{text-indent:50px;}
p{text-indent:50%;}/*基于父元素寬度的百分比的縮進(jìn)*/
text-shadow 應(yīng)用于陰影文本css3
h1{text-shadow: 2px 2px #ff0000;}
text-shadow: h-shadow v-shadow blur(模糊的距離) color;
h1 {text-shadow:2px 2px 8px #FF0000;}
text-transform 控制文本的大小寫
h1 {text-transform:uppercase;/*僅有大寫字母*/}
h2 {text-transform:capitalize;/*文本中的每個(gè)單詞以大寫字母開頭*/}
p {text-transform:lowercase;/*無大寫字母，僅有小寫字母*/}
vertical-align 垂直對齊方式
- baseline默認(rèn)智末。元素放置在父元素的基線上。
- sub垂直對齊文本的下標(biāo)徒河。
- super垂直對齊文本的上標(biāo)
- top 把元素的頂端與行中最高元素的頂端對齊
- text-top 把元素的頂端與父元素字體的頂端對齊
- middle 把此元素放置在父元素的中部
- bottom 使元素及其后代元素的底部與整行的底部對齊系馆。
- text-bottom 把元素的底端與父元素字體的底端對齊。
- length 將元素升高或降低指定的高度顽照，可以是負(fù)數(shù)由蘑。
- % 使用 "line-height" 屬性的百分比值來排列此元素。允許使用負(fù)值代兵。
white-space指定元素內(nèi)的空白怎樣處理
- normal 默認(rèn)尼酿。空白會(huì)被瀏覽器忽略奢人。
- pre 空白會(huì)被瀏覽器保留谓媒。其行為方式類似 HTML 中的 <pre> 標(biāo)簽。
- nowrap 文本不會(huì)換行何乎，文本會(huì)在在同一行上繼續(xù)，直到遇到
標(biāo)簽為止土辩。 - pre-wrap 保留空白符序列支救，但是正常地進(jìn)行換行。
- pre-line 合并空白符序列拷淘，但是保留換行符各墨。
- inherit 規(guī)定應(yīng)該從父元素繼承 white-space 屬性的值。
word-spacing增加或減少字與字之間的空白
p{word-spacing:30px;}
字體
font 在一個(gè)聲明中設(shè)置所有字體屬性启涯。
可設(shè)置的屬性是（按順序）： "font-style font-variant font-weight font-size/line-height font-family"
font-size和font-family的值是必需的
p.ex2{font:italic bold 12px/30px Georgia, serif;}
a鏈接
a:link {color:#000000;} /* 未訪問鏈接*/
a:visited {color:#00FF00;} /* 已訪問鏈接 */
a:hover {color:#FF00FF;} /* 鼠標(biāo)移動(dòng)到鏈接上 */
a:active {color:#0000FF;} /* 鼠標(biāo)點(diǎn)擊時(shí) */
