关于本站发布的模板的CSS属性说明

由于我自己不喜欢在“字体和颜色”里面调整页面的字体和颜色，所以原先在“字体和颜色”里面可以调整的元素在我发布的模板里就不能（或部分不能）通过“字体和颜色”来调整了。我觉得blogger的这个功能（“字体和颜色”）没有多大用处，因为我在修改完模板后，这些样式在我看来已经很和谐了，一般不需要再改。况且对于会使用CSS来调整模板的朋友来说根本就没有用，但对于不懂CSS的朋友来说，缺少了这个功能就意味着不能完整地自定义模板的字体和颜色了。我写这篇文章的目的就是要让不懂CSS的朋友们也能通过修改模板代码来自由地控制页面的字体和颜色。（注：以下内容以我发布的这些模板为标准；此篇文章只针对CSS初学者，如果你对CSS很了解就不用看了！）
展开全文
页面的全部字体基本上由body {}这个大括号里的font:属性控制，比如以下CSS代码：
body {
background: #FFFFFF url(http://www.oswd.org/files/designs/3577/redbusiness/images/top.jpg) repeat-x scroll center top;
margin:0;
color:#333333;
font:Arial,sans-serif;
font-size：13px;
text-align: center;
}
里面的font：后面是Arial,sans-serif，这一句就定义了全部页面的字体为Arial（第一选择），当访问者电脑里没有装Arial字体时就采用sans-serif字体。当你觉得你页面的字体不好看，就可以通过修改font后面的属性值来实现字体的变化。当然这只是定义了总体的字体样式，当页面中某一部分需要特殊的字体时就必须在控制那部分的CSS代码中再定义一次font的值。比如：我想定义blog标题的字体，就只需在#header h1 {}中定义font：Verdana；因为浏览器在解释时会优先考虑 #header h1里的属性，而忽视整体的定义。其它的以此类推！
上面代码的蓝色部分是设置文字的大小，这个可能会被改得最多，因为每个人对字体大小的要求都不同，需要修改字体大小时只需把13px换成你自己的需要的大小即可！
还是回到上面那段代码，里面的color:#333333; 定义的就是整个页面的字体颜色，没有上面那种内部定义的文字都会是这种颜色（#333333）。这些颜色值大家可以去http://color.sharewonders.com/找，它可以算是目前最专业的配色网站了，是我必备的在线工具之一！下面是这些模板里相关元素对应的颜色值：
a:link {}里面的color值：页面全部文字链接在没被访问时的颜色；
a:visited {}里的color值：页面全部文字链接被访问后的颜色；
a:hover {}里的color值：页面全部文字鼠标移到链接上面时链接的颜色；
#header {}里的color值：blogger标题的颜色；
#header a {}里的color值：标题链接的颜色；
#header a:hover {}里的color值：鼠标移到标题上的颜色；
#header .description {}里的color值：blogger副标题的颜色；
. . . . . .
由于模板里color值较多，我就不一一列举了，大家应该已经悟出规律来了，如果想学习CSS，可以先看看在线CSS手册。里面几乎介绍了CSS2的全部属性及属性值，就算是对CSS很熟悉的人也会经常参考CSS手册，因为不可能记住CSS里所有的属性及值！
由于时间关系，这次只介绍了字体大小及颜色的属性，如在模板使用中遇到问题请给我留言，我会尽力帮你解决。
收缩文章