10.CSS+DIV之强化font属性
Posted on 星期天, 六月 3rd, 2007 at 1:34 下午. 2,121次浏览在徐果萍博客上一次的依葫芦画瓢学CSS+DIV中主要学习了在border边框属性的边框风格属性(border-style)、边框宽度属性(border-width)、边框颜色属性(border-color)，而此课时主要分享我在学习font属性一些学习心得以及经验。这些是最基本的知识，网络上的教程基本千篇一律。要学会具体去运用这些代码，这才是掌握代码最关键的地方，有很多人属性代码参数都了解，如何去写入规范代码可能就会望而却步了。而font属性是控制字体样式、大小、风格、浓淡等属性，与文本属性有着非常密切关系。我还是把font的相关属性进行分解，一一点学习各种属性代码。
1.字体名称属性(font-family)，设定字体名称，如Arial、Tahoma、Courier、宋体等。
示例写法为：.apple{font-family:宋体;}
2.字体大小属性(font-size)，设定字体的大小，最常用的字体大小为pt和px(pixel)。我比较喜欢用px来定义字体大小，一般常用大小为12px。
示例写法为：.apple{font-size:12px;}或.apple{font-size:50%;}或.apple{font-size:larger;}
3.字体风格属性(font-style)，具体参数值有normal, italic, oblique，normal是缺省值，italic, oblique表示斜体。
示例写法为：.apple{font-sytle:oblique;}
4.字体浓淡属性(font-weight)，具体参数值有normal和bold，normal是缺省值。
示例写法为：.apple{font-weight:bold;}或.apple{font-weight:lighter;}或.apple{font-weight:数值;}
5.字体变量属性(font-variant)，具体参数值有normal和small-caps，normal是缺省值，small-caps表示小的大写字体。这个参数不太经常用，只适用于将小写字母变成大写。
示例写法为：.apple {font-variant:small-caps;}
6.字体综合属性(font)，是各种字体属性的综合写法，它综合字体风格属性(font-style)，字体变量属性(font-variant)，字体浓淡属性(font-weight)，字体大小属性(font-size)，字体颜色(color)等属性。
示例写法为：.apple {font: oblique small-caps bold 20px Arial; color:red;}。注意字体综合属性(font)写法顺序为：字体风格(font-style)、字体变量(font-variant)、字体浓淡(font-weight)、字体大小(font-size)、字体名称(font-family)、字体颜色(color)。
<html>
<head>
<title>徐果萍博客</title>
<style type=”text/css”>
.apple {font: oblique small-caps bold 20px Arial; color:red;}
</style>
</head>
<body>
<div>依葫芦画瓢学CSS+DIV(10)：强化font属性。没有任何font属性设置。</div>
<div class=”apple”>注意字体综合属性(font)写法顺序为：字体风格(font-style)、字体变量(font-variant)、字体浓淡(font-weight)、字体大小(font-size)、字体名称(font-family)、字体颜色(color)。</div>
</body>
</html>
以上就是最简单的font属性的学习心得，虽然参数不多，但还是需要在运用中加深理解，尤其是在综合写法一定要注意顺序，这些属性可以单独使用也可以混合使用。下一课时徐果萍博客将与CSS+DIV学习者共同学习与交流text文本属性笔记与心得！
