css之font值应该是怎样的

浏览数：28 / 时间：2015年06月09日

我们在这四个月中，我们用了很长时间学习html、css、js，我们常在css中用到这样的属性：

.div1
{
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#ddd;
}
.div2
{
	padding-top:3px;
	padding-right:4px;
	padding-bottom:5px;
	padding-left:6px;
}
.div3
{
	background-position:111px 222px;
	background-image:url(image.png);
	background-repeat:no-repeat;
	background-color:#cfc;
}

　　而我们可以把他们合并成这样：

.div1
{
	border-left:1px solid #ddd;
}
.div2
{
	padding:3px 4px 5px 6px;
}
.div3
{
	background:111px 222px url(image.png) no-repeat #cfc;
}

　在这些属性的值当中，顺序是无所谓的，并且数量也是不定的,中间也可以省略一些不写,也可以一个值代表两个属性，看起来也很正常，惟独有一个css属性是一个特例，那就是font。

font : font-style ¦¦ font-variant ¦¦ font-weight ¦¦ font-size ¦¦ line-height ¦¦ font-family

　　font设置或检索对象中的文本特性。该属性是复合属性。默认值为： normal normal normal medium normal "Times New Roman" 。第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

P { font: 12px/14px sans-serif }
P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }
P { font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

　　并且除了这些顺序不变的属性之外，并且字体的大小和family是必不可少的。

总结：

　我也不知道我理解的对不对，我只是按我自己的理解和看一些资料得出的，但font中如果你不设值，他会用默认值代替，而其它的属性就不会有值。

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

css之font值应该是怎样的