css中font（字体）中不同属性的介绍

网站教程2024-11-01

[摘要]本篇文章给大家带来的内容是关于css中font（字体）中不同属性的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。简写顺序：style-variant-weight-size/l...

本篇文章给大家带来的内容是关于css中font（字体）中不同属性的介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

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

eg:

p{font:italic bold 12px/30px Georgia,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:"Times New Roman",Time,serif;｝

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

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