css中font不同属性的示例分析

这篇文章给大家分享的是有关css中font不同属性的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

　　简写顺序：style-variant-weight-size/line-height-family

　　eg:

　　p{font:italicbold12px/30pxGeorgia,serif;}

　　注意：font-size和font-family的值是必需的。

　　按顺序依次介绍每个属性：

　　一、font-style：normal(默认);italic（斜体）;oblique（倾斜）;inherit；

　　italic与oblique样式很像，不过oblique兼容性不好。

　　二、font-variant：normall(默认);small-caps(显示小型大写字母的字体；意味着所有的小写字母均会被转换为大写，但是所有使用small-caps的字母与其余文本相比，字体尺寸更小);inherit;

　　三、font-weight：normal(默认，400)；bold(700)；bolder；lighter；inherit;

　　四、font-size：medium(默认，中等的)；smaller(比父元素更小的尺寸)；larger(比父元素更大的尺寸)；length；%；inherit；

　　其中与medium并列的属性有：xx-small,x-small,small,meidium,large,x-large,xx-large.

　　五、font-family

　　eg：

　　p｛font-family:"TimesNewRoman",Time,serif;｝

　　写法：（1）每个值用逗号分开（2）如果字体名称包含空格，它必须加上双引号。在html中使用“style”属性时，使用单引号。

　　注意：（1）在计算机屏幕上，sans-serif字体被认为是比serif字体容易阅读。（2）font-family有family-name（指定的系列）和generic-family（通常字体系列）。使用某种特定的字体完全取决于用户机器上该字体是否可用，因此，强烈推荐使用一个通用字体系列名作为后路。

感谢各位的阅读！关于“css中font不同属性的示例分析”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！