码迷,mamicode.com
首页 > 其他好文 > 详细

font简写方式

时间:2021-06-16 17:45:21      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:默认值   效果   size   百分比   数字   常用   标签   设置   设置字体   

字体的简写

font常用的属性

font-style:
/*normal默认		italic斜体字		oblique倾斜字体		inherit继承父标签字体样式*/
font-variant:
/*normal默认		small-caps小型大写字母	inherit继承父标签字体样式*/
font-weigth:
/*normal默认		bold粗体		bolder更粗		lighter更细		100至900由粗到细400 等同于 normal,而 700 等同于 bold。*/
font-family:
/*设置字体样式*/
line-heigth:
/*normal默认		设置纯数字的间距 	%基于当前字体尺寸的百分比行间距	em设置间距*/
font-size:
/*xx-small
x-small
small
medium
large
x-large
xx-large	把字体的尺寸设置为不同的尺寸,从 xx-small 到 xx-large。	默认值:medium	像素px*/

字体在css里面简写

font简写必须遵守一个规定font-style font-variant font-weight再加上后面font-size/line-height再加上font-family

可以不设置其中的某个值,但是这后面值必须要有 font-size/line-height再加上一个font-family。

未设置的属性会使用其默认值

{
    font:font-style	font-variant font-weight font-size/line-height font-family;
    /*font-style	font-variant	font-weight是可选的,后面想让font:有效果就一定要加上如下面*/    
}
{
  font: 50px/1.6em "微软雅黑";
}

font简写方式

标签:默认值   效果   size   百分比   数字   常用   标签   设置   设置字体   

原文地址:https://www.cnblogs.com/tallish/p/14887135.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!