网页设计中css样式中的font属性与font

网页设计中css样式中的font属性与font-family属性有什么区别? 都是设置字体的,但貌似效果都一样。。

字体设置使用 CSS font 属性


定义和用法

  font 简写属性在一个声明中设置所有字体属性。

  注释:此属性也有第六个值:"line-height",可设置行间距。


说明

  这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

  可以按顺序设置如下属性:

  font-style

  font-variant

  font-weight

  font-size/line-height

  font-family

可以不设置其中的某个值,比如 font:100% verdana; 也是允许的。未设置的属性会使用其默认值。


可能的值


拓展:

设置字体可以使用CSS font全部设置。也可以使用font-size、font-family之类的属性进行单独设置。

温馨提示:内容为网友见解,仅供参考
第1个回答  2020-12-26

Vue实践-CSS样式position/display/float属性对比使用

第2个回答  2012-08-13
font是简写,其中包含了很多属性,font-family就包含在里面,简写的好处是让CSS代码更简洁
第3个回答  2012-08-13
css样式中的font为内联样式属性,在html标签内style中定义字体;

font-family为外部样式属性,在css文件中定义字体。
第4个回答  2012-08-13
font 是 缩写

比如:

font-family:'微软雅黑';
font-size:10px;
font-weight:bold;
line-height:24px;
这样可以这样写: font:'微软雅黑' 10px/24px bold;
所以 font 只是一个缩写本回答被网友采纳
相似回答