-
字號(hào)font-size
//相對(duì)單位
font-size:14px; //px與當(dāng)前使用的顯示屏的分辨率有關(guān)茴晋，14px，即占用14個(gè)像素點(diǎn)。
font-size:1.5em; //em相對(duì)于文本對(duì)象內(nèi)原來(lái)的字體尺寸，1.5em，即是原來(lái)該字所處段落的字體尺寸的1.5倍护盈。
font-size:200%; //與em解釋相同，2倍羞酗。
font-size:1.5rem; //這是css3的新增單位腐宋，詳情看本文最下面。
//絕對(duì)定位
//in檀轨、cm胸竞、pt(基本不用，無(wú)需了解) -
顏色color
color: #FF0000; //采用#+6位16進(jìn)制表示
color: blue; //顏色名稱
color: rgb(155,2,2);//r:紅;g：綠;b：藍(lán); -
字體font-family
引自這里参萄，作者寫(xiě)的很好卫枝，我復(fù)制了一下，方便自己看讹挎。
font-family: Georgia, "Times New Roman",
"Microsoft YaHei", "微軟雅黑",
STXihei, "華文細(xì)黑",
serif;
—規(guī)則：每種字體以,號(hào)分隔開(kāi)校赤；子體內(nèi)有空格需加""；
優(yōu)先使用排在前面的字體進(jìn)行渲染筒溃，如果前面的字體不包括該字的渲染效果马篮，則使用下一個(gè)字體。例如：
中文字體里面包括英文的渲染效果怜奖，但是比較丑浑测。如果將中文字體放在前面，則英文也被強(qiáng)迫渲染啦烦周。建議：將英文字體放在中文字體前面，這樣英文字體將引文渲染后怎顾，無(wú)法對(duì)中文進(jìn)行渲染读慎，將對(duì)中文渲染的工作交給下一個(gè)字體。
如果font-family列舉的字體槐雾，用戶主機(jī)內(nèi)都沒(méi)有夭委，則計(jì)算機(jī)采用默認(rèn)字體進(jìn)行設(shè)置。
—注意：將mac字體放在微軟字體前（考慮mac用戶）募强；同時(shí)列出中文字體的英文名稱（兼容性考慮）
—理解：襯線體與非襯線體
如圖可以發(fā)現(xiàn)襯線體是比較具有裝飾性的，比較好看擎值，但是當(dāng)字體小于14px時(shí)慌烧，字的可識(shí)別性降低。
—推薦：
font-family:Helvetica,Arial,//安全放心字體
"Microsoft Yahei","微軟雅黑",//win7上才安裝鸠儿。
宋體, SimSun, //安全放心字體
STXihei, "華文細(xì)黑"屹蚊；//微軟雅黑在Mac平臺(tái)的對(duì)應(yīng)字體是華文細(xì)黑（STXihei）
//另有一種安全放心的英文字體是手寫(xiě)類厕氨，在需要可愛(ài)的地方可以用一下
// font-family:'Comic Sans MS
-
樣式font-style
font-style: normal;//常規(guī)
font-style: intalic;//斜體
font-style: oblique;//斜體 -
粗細(xì)font-weight
font-weight:bold;
font-weight:normal;
//雖然可以用數(shù)字，但是這樣就可以滿足一般的要求啦汹粤。 -
行高line-height
我對(duì)于網(wǎng)上有些人簡(jiǎn)單粗暴地理解她為行間距命斧，感到很生氣，誤導(dǎo)了我好一陣嘱兼，參照W3C手冊(cè)国葬，正解是這樣的。
段落行間距
font-size:20px;
line-height:150%;//推薦芹壕。
//隨著字體越大汇四，行間距應(yīng)該越小，所以行高也要越小哪雕。
—技巧：單行文本居中設(shè)置（參照上圖不難理解）
p{
height:100px;//段落塊的高度
line-height：100px;
}
段落修飾text-decoration
text-decoration:overline;//上劃線
text-decoration:underline;//下劃線
text-decoration:line-through;//刪除線
text-decoration:blink;//閃爍
text-decoration:none;//無(wú)
注意：text-decoration:blink;大部分瀏覽器都不支持這一屬性值船殉，說(shuō)明存在兼容問(wèn)題，所以我們?cè)诰帉?xiě)時(shí)斯嚎，應(yīng)盡量不使用存在兼容問(wèn)題的css屬性利虫。可以采用其他效果代替堡僻。字符間距l(xiāng)etter-spacing
設(shè)置字符（漢字或字母）間距糠惫。
letter-spacing：20px;單詞間距word-spacing
注意：實(shí)際上是針對(duì)空格的處理，在漢語(yǔ)間插入空格（不論多少）钉疫，也可以達(dá)到效果硼讽。
word-spacing: 8px;-
文本縮進(jìn) text-indent
text-indent: 2em;//該段落的首行縮進(jìn)2個(gè)字符長(zhǎng)度。
—首行懸浮怎么實(shí)現(xiàn)牲阁？
text-indent:-2em;
padding-left:3em;
—解釋：
首行縮進(jìn)為負(fù)的2em
設(shè)置zuo 文本對(duì)其 text-aline
注意：指的是文本橫向?qū)R
text-aline:center;
text-aline:left;
text-aline:right;文本中空白處理 white-space
white-space: normal;//默認(rèn)固阁，不考慮空格，換行城菊。
white-space: pre;//保留原來(lái)文檔內(nèi)部的換行备燃，空格
white-space: nowrap;//強(qiáng)制性的要求文檔處于一行。文本大小寫(xiě) text-transform
text-transform: capitalize;//首字母大寫(xiě)
text-transform: uppercase;//全部大寫(xiě)
text-transform: lowercase;//全部小寫(xiě)
text-transform: normal//默認(rèn)**文本中元素垂直對(duì)齊 vertical-aline **
這個(gè)屬性存在很大的兼容性凌唬，不建議使用并齐。等學(xué)的多了，再寫(xiě)一篇關(guān)于這個(gè)的客税。
CSS3對(duì)于字體的新功能况褪。
通過(guò)Css3，web設(shè)計(jì)師再也不必被迫使用web-safe字體更耻。
-
使用方法
在新的@font-face規(guī)則中测垛，您必須首先定義字體的名稱，然后指向該字體文件秧均。如需為 HTML 元素使用字體赐纱，請(qǐng)通過(guò) font-family 屬性來(lái)引用字體的名稱脊奋。
<style>
@font-face
{
font-family: myFirstFont; //設(shè)置字體名稱
src: url('Sansation_Light.ttf'), //設(shè)置字體文件來(lái)源
url('Sansation_Light.eot'); /* IE9+ /
}
@font-face
{
font-family: myFirstFont; //設(shè)置字體名稱
src: url('Sansation_Bold.ttf'), //設(shè)置字體文件來(lái)源
url('Sansation_Bold.eot'); / IE9+ */
font-weight:bold;
//設(shè)置條件，當(dāng)需要讓字體加粗時(shí)疙描，會(huì)自動(dòng)調(diào)用這個(gè)加粗的字體樣式
}
div
{
font-family:myFirstFont;
}
</style>
<body>
<div＞這里面有一個(gè)<b>加粗</b>的字</div>
</body>
文件 "Sansation_Bold.ttf" 是另一個(gè)字體文件诚隙，它包含了 Sansation 字體的粗體字符。只要 font-family 為 "myFirstFont" 的文本需要顯示為粗體時(shí)（<b>）起胰，瀏覽器就會(huì)使用該字體久又。
兼容性：
源自W3C
CSS3對(duì)于字號(hào)的新增單位：rem
參考這里
-
解釋
使用rem為元素設(shè)定字體大小時(shí)，仍然是相對(duì)大小效五，但相對(duì)的只是HTML根元素地消。 -
好處
這個(gè)的好處是相對(duì)于rm在使用時(shí)的不方便而來(lái)的。
如果在根元素或是content中已經(jīng)聲明過(guò)字體大小畏妖。
html{font-size:1.2em;}
這時(shí)如果需要對(duì)P元素在進(jìn)行設(shè)置字號(hào)大小脉执，
p{font-size:1.2em;}
—問(wèn)題：瀏覽器默認(rèn)為16px，根元素進(jìn)行設(shè)置后戒劫，字號(hào)大小為：16*1.2=19.2px; em是相對(duì)單位半夷，相對(duì)該內(nèi)容原來(lái)的字號(hào)而定，p的原來(lái)大小即剛剛根元素設(shè)置的19.2px迅细，現(xiàn)在又進(jìn)行設(shè)置后巫橄，大小應(yīng)該為：19.2*1.2=23.04，但是設(shè)計(jì)本意也許只是想讓p為19.2px
—解決方法1：在根元素中這樣聲明字體
html{font-size：62.5%}
默認(rèn)尺寸時(shí)：1em=16px;則現(xiàn)在的字體大小為：0.625*16px=10px;
那么12px=1.2em;此時(shí)茵典，在后續(xù)元素更改字號(hào)時(shí)湘换，可以參照1em=10px來(lái)進(jìn)行設(shè)置。
—解決方法2：css3新增單位
當(dāng)我們?cè)?code>body{font-size:1.2rem;}中進(jìn)行設(shè)置后统阿，再在body內(nèi)子元素p{font-size:1.2rem;}進(jìn)行設(shè)置彩倚，效果是一樣的，他們的參照大小均是瀏覽器的默認(rèn)大小扶平。所以字號(hào)大小均是：1.2*16px=19.2px;
