简写顺序:font-style | font-variant | font-weight | font-size | line-height | font-family
font-style:italic
font-variant:small-caps
font-weight:bold
font-size:12px
line-height:1.5em
font-family:arial,verdana
简写格式:
font:italic small-caps bold 12px/1.5em arial,verdana
说明:简写时font-size和line-height,只能通过斜杠/组成
上面的兄弟说的很对,补充一下,1. 1.5的行高是相对于 此元素 字体大小的1.5倍, 注意后面没有单位, 这个写法和20px/1.5em还是有区别的, 区别在于子元素在继承这个行高时,前者继承的是父元素的行高的值1.5, 而不是计算值30px, 但是后者继承的就是计算值30px.
2. 你这个样式写法是有问题的, 在CSS里面, font声明必须要同时有两个值,一个是字体大小,另一个是字体系列,缺少任何一个你的font声明就无效.
css中font字体颜色的设置方法:可以用“color”属性来设置css中font字体的颜色。
color 属性规定文本的颜色。
这个属性设置了一个元素的前景色(在 HTML 表现中,就是元素文本的颜色);光栅图像不受 color 影响。这个颜色还会应用到元素的所有边框,除非被 border-color 或另外某个边框颜色属性覆盖。
要设置一个元素的前景色,最容易的方法是使用 color 属性。
1、在没有加“color”属性前,字体颜色是默认的颜色,黑色;
2、加上“color”属性以后,字体变成红色。
扩展资料:
font:字体。在微机系统里通常用“fonts”文件夹存放已安装的字体,自己安装字体时,也需要装入“fonts”文件夹中。
第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
语法
font: [ [<'font-style'>||<'font-variant'>||<'font-weight'>]?<'font-size'>[ /<'line-height'>]?<'font-family'>] | caption | icon | menu | message-box | small-caption | status-bar |inherit
参数
该属性是复合属性。第一种声明方式请参阅各参数对应的属性;
第二种声明方式中的参数属于CSS2;
caption: 使用有标题的系统控件的文本字体(如按钮,菜单等);
icon : 使用图标标签的字体;
menu: 使用菜单的字体;
message-box : 使用信息对话框的文本字体;
small-caption : 使用小控件的字体;
status-bar : 使用窗口状态栏的字体。
说明
设置或检索对象中的文本特性。该属性是复合属性。
对于如何使用用户端系统可能没有的字体,可以参阅@font-face规则。
对应的脚本特性为font。请参阅我编写的其他书目。
示例
p {font: italic small-caps 600 12pts/18pts宋体}
p { font: italic small-caps 600 12pts/150% Courier}
p { font: italic small-caps 600 12pts/1.5 Courier}
p { font: italic small-caps 600 12pts/18pts Courier}
p {font: /18pts serif}
H1 {font:italic bold 15pt/17pt Arial}
参考资料:百度百科-font