TA的每日心情 | 开心
2021-3-12 23:18 |
|---|
签到天数: 2 天 [LV.1]初来乍到
|
|
主要分享我在学习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>强化font属性。没有任何font属性设置。</div>
<div class=”apple”>注意字体综合属性(font)写法顺序为：字体风格(font-style)、字体变量(font-variant)、字体浓淡(font-weight)、字体大小(font-size)、字体名称(font-family)、字体颜色(color)。</div>
</body>
</html>
以上就是最简单的font属性的学习心得，虽然参数不多，但还是需要在运用中加深理解，尤其是在综合写法一定要注意顺序，这些属性可以单独使用也可以混合使用。
|
|
|手机版|Java学习者论坛
( 声明：本站资料整理自互联网，用于Java学习者交流学习使用，对资料版权不负任何法律责任，若有侵权请及时联系客服屏蔽删除 )
发表于 2014-11-3 23:55:16