来源:自学PHP网 时间:2018-02-08 10:48 作者: 阅读:次
[导读] CSS font 属性是用于同时设置font-family、font-style、font-size、font-weight、font-variant和line-height属性的简写属性。...
CSS font 属性是用于同时设置、、、、和属性的简写属性。 和其它的CSS简写属性一样, 使用
通过关键字来使用系统字体通过在 可以作为设置系统字体的关键字有:
我们只能通过 系统字体的样式,大小,粗细等只能够同时设置。如果需要的话可以单独对它们进行修改。请注意下面两行使用 font: menu; /* 使用系统菜单字体作为字体 */ font: large menu; /* 使用一种font-family为"menu"的字体作为字体 */ 官方语法font: [ [ <'font-style'> || <'font-variant'> || <'font-weight'> || <'font-stretch'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar 当使用 font: [font-stretch] [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family]
参数:
当使用 font: caption | icon | menu | message-box | small-caption | status-bar
应用范围
示例代码例如下面的代码使用 p { font: 12pt/14pt sans-serif } p { font: 50% sans-serif } p { font: x-large/110% "Microsoft YaHei", serif } p { font: bold italic large Palatino, serif } p { font: normal small-caps 120%/120% fantasy } p { font: condensed oblique 12pt "Helvetica Neue", serif; } 第二行代码的50%表示字体的尺寸为它的父元素字体尺寸的一半。 第三行代码的行高110%表示行高为字体的1.1倍。 第四行代码设置字体为粗体,样式为斜体,字体大小为关键字 第五行代码设置为小型大写字体( 下面的代码使用 button { font: menu } 如果当前操作系统的菜单字体为14像素的“Microsoft YaHei”字体,字体的粗细为600,那么上面的代码会被解析为: button { font: 600 14px "Microsoft YaHei" } 没有被设置的字体属性会被设置为它们各种的初始值: button { font-style: normal; font-variant: normal; font-weight: 600; font-size: 14px; line-height: normal; font-family: "Microsoft YaHei"; } 浏览器支持所有的现代浏览器都支持 |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com