css中font中不同属性有哪些-创新互联

这篇文章主要介绍了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（通常字体系列）。使用某种特定的字体完全取决于用户机器上该字体是否可用，因此，强烈推荐使用一个通用字体系列名作为后路。

感谢你能够认真阅读完这篇文章，希望小编分享css中font中不同属性有哪些内容对大家有帮助，同时也希望大家多多支持创新互联建站，关注创新互联网站制作公司行业资讯频道，遇到问题就找创新互联建站，详细的解决方法等着你来学习!