增加字体和颜色样式-CSS_html/css_WEB-ITnose

 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     /*我们为我们的字体设立一个名字*/ 3     font-family: "JJStyle One"; 4     /*浏览器会加载src指定的字体文件，直到找到他能支持的一个文件*/ 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     /*字体大小为相对于另一个字体大小的150%，这里是相对于body字体的大小*/ 8     font-size:150% 9 }10 11 h2{12     /*相对于另一个字体1.2倍*/13     font-size: 1.2em;14 }15 16 h3{17     font-size: small18     /*关键字有：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     /*字体大小为相对于另一个字体大小的150%，这里是相对于body字体的大小*/10     font-size:150%11 }12 13 h2{14     /*相对于另一个字体1.2倍*/15     font-size: 1.2em;16 }

1 body{2     background-color: silver;<br />3 }

1 body{2     /*rgb：红绿蓝 颜色的缩写*/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     /*使<em>元素有一个从文本中间穿过的横线*/ 3     text-decoration: line-through; 4 } 5  6  7 em{ 8     /*使<em>元素有一个上画线和下划线*/ 9     text-decoration: underline overline;10 }11 12 em{13     /*使<em>元素没有任何装饰*/14     text-decoration: none;15 }16 17 h1,h2{18     color: #cc6600;19     /*在下滑框上加一条细的虚线*/20     border-bottom:thin dotted #aabbcc;21 }