css3font命令怎样使用(css3transform)
导读:CSS3中的font命令相较于旧版本有了很大的改变。在以前,我们在CSS样式中设置字体的方式主要是通过font-family, font-size, font-weight, font-style等命令来实现,但这些命令已经开始慢慢被淘汰了...
CSS3中的font命令相较于旧版本有了很大的改变。在以前,我们在CSS样式中设置字体的方式主要是通过font-family, font-size, font-weight, font-style等命令来实现,但这些命令已经开始慢慢被淘汰了。
现在,我们可以使用更加高级的font命令来设置字体,具体用法可以看下面的代码:
font: font-style font-variant font-weight font-size/line-height font-family;
其中,各个参数的含义分别为:
- font-style:设置字体的风格,包括normal,italic,oblique。
- font-variant:设置字体的变体,包括normal和small-caps(用小型大写字母显示文本)。
- font-weight:设置字体的粗细,包括normal,bold,bolder,lighter,以及数字值100、200、300、400、500、600、700、800、900。
- font-size/line-height:设置字体的大小和行高,可以通过斜线分隔来同时设置,例如12px/1.5。
- font-family:设置字体的类型,例如Arial、SimSun等等。
下面是一个简单的示例代码:
p {
font: italic small-caps bolder 24px/1.5 Arial, Helvetica, sans-serif;
}
这个代码将会把段落文字设置成为斜体、小型大写字母、粗体、24像素大小、1.5倍行高,并且使用Arial、Helvetica或sans-serif字体类型中的任意一种。
需要注意的是,CSS3的font命令在一些旧的浏览器中可能无法正常工作,所以要用好CSS3的处理还需要多加注意。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3font命令怎样使用(css3transform)
本文地址: https://pptw.com/jishu/315369.html
