增加字體和顏色樣式-CSS_html/css

 1 body{ 2 font-family: Verdana, Geneva, Tahoma, sans-serif 3 } 4 5 body{ 6 font-size: 14px 7 } 8 9 body{10 color: silver11 }12 13 body{14 font-weight: bold15 }16 17 body{18 text-decoration: underline19 }

1 body{2 font-family: Verdana, Geneva, Tahoma, sans-serif3 }

 1 @font-face{ 2 /*我們?yōu)槲覀兊淖煮w設(shè)立一個(gè)名字*/ 3 font-family: "JJStyle One"; 4 /*瀏覽器會(huì)加載src指定的字體文件，直到找到他能支持的一個(gè)文件*/ 5 src: ur1("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.woff") 6 ur1("http://wickedlysmart.com/hfhtmlcss/chapter8/journal/EmblemaOne-Regular.ttf") 7 } 8 9 10 h1{11 /*使用我們指定的字體名*/12 font-family: "JJStyle One",sans-serif;13 }

 1 body{ 2 /*字體的高度為14像素*/ 3 font-size: 14px 4 } 5 6 h1{ 7 /*字體大小為相對(duì)于另一個(gè)字體大小的150%，這里是相對(duì)于body字體的大小*/ 8 font-size:150% 9 }10 11 h2{12 /*相對(duì)于另一個(gè)字體1.2倍*/13 font-size: 1.2em;14 }15 16 h3{17 font-size: small18 /*關(guān)鍵字有：xx-small,x-small,small,medium,large,x-large,xx-large*/19 }

 1 body{ 2 font-family: Verdana, Geneva, Tahoma, sans-serif; 3 /*字體的高度為14像素*/ 4 font-size: small 5 } 6 7 h1{ 8 font-family: sans-serif; 9 /*字體大小為相對(duì)于另一個(gè)字體大小的150%，這里是相對(duì)于body字體的大小*/10 font-size:150%11 }12 13 h2{14 /*相對(duì)于另一個(gè)字體1.2倍*/15 font-size: 1.2em;16 }

1 body{2 background-color: silver;
3 }

1 body{2 /*rgb：紅綠藍(lán) 顏色的縮寫*/3 background-color: rgb(80%, 40%, 0%);4 }5 h1{6 background-color: rgb(204,102,0);7 }

1 h2{2 background-color: #cc66003 }

 1 em{ 2 /*使元素有一個(gè)從文本中間穿過的橫線*/ 3 text-decoration: line-through; 4 } 5 6 7 em{ 8 /*使元素有一個(gè)上畫線和下劃線*/ 9 text-decoration: underline overline;10 }11 12 em{13 /*使元素沒有任何裝飾*/14 text-decoration: none;15 }16 17 h1,h2{18 color: #cc6600;19 /*在下滑框上加一條細(xì)的虛線*/20 border-bottom:thin dotted #aabbcc;21 }