css入门——

举例篇

一.字体实例：

例 1

第一行只是采用了“font-family”属性，代码是这样的：
　　<p style=“font-family：lucida console”>hongen</p>
　　这行代码定义了“hongen”将以“lucida console”的字体显示；
　　第二行font-family为默认值，而是定义了“font-style”属性为“italic”斜体，代码如下：
　　<p style=“font-style：italic”>hongen</p>
　　第三行font-family为默认值，font-style为“oblique”，另外还定义了“font-weight”属性为“bold”，“font-size”属性为24pt（缺省情况下为absolute size绝对大小）代码如下：
　　<p style=“font-style：oblique；font-weight：bold；font-size：24pt”>hongen</p>
　　最后一行只是在第三行定义的基础上又增添了“font-variant”属性为“small-caps”（小体大写），代码如下：
　　<p style=“font-style：oblique；font-weight：bold；font-size：24pt；　　　　　　　　font-variant：small-caps”>hongen</p>
　　值得注意的是：“font-variant”属性值“small-caps”在指定的小体大写字体不存在的时候，CSS将用大写字母代替所有的小写字母。

例 2

这段代码为：
　　<p style=“font-style：italic；font-variant：small-caps；font-weight：　　　bold；font-size：36pt；font-family：GiltzyCurl”>Leaf</p>
这段代码还可以写成： <p style=“font：italic small-caps bold 36pt,GlitzyCurl”>Leaf</p>怎么样？是不是简单多了？

上一页 返回首页 下一页

版权所有：白白：P