CSS中font是设置字体属性的。
font在css的作用就是在一个声明中设置所有字体属性:
举例说明:
<html>
<head>
<style type="text/css">
p.ex1
{
font:italic arial,sans-serif
}
p.ex2
{
font:italic bold 12px/30px arial,sans-serif
}
</style>
</head>
<body>
<p class="ex1">这是一个测试一般字体段落</p>
<p class="ex2">这是一个测试字体的段落</p>
</body>
</html>
运行效果:
方法一、直接使用font标签:<fontcolor='red'>123
方法二、使用p标签<p
style="color:red">123
方法三、使用span标签<span
style="color:red">
最后,方法2、3上面,都可以将内联style改为class引用样式的方式,如下:
扩展资料:
字体设置的属性,除了颜色之外,还有字体大小,字体加粗,字体类型等。比如:
字体大小:font-size:12px;//表示字体大小设置为12px,浏览器默认字体大小就是12px
字体加粗:font-weight:bold
字体类型:font-family:微软雅黑,宋体,
'New
York'// font-family翻译为中文是“字体家族”,就是告诉浏览器,优先使用哪一种字体,谁排在最前面,就先使用这种字体,这里是“微软雅黑”;
参考资料:MDN技术文档-基本文本和字体样式:字体
font : font-style || font-variant || font-weight || font-size || line-height || font-family第一个normal是font-style, normal : 默认值。正常的字体
第二个normal是font-variant, normal : 默认值。正常的字体
第三个normal是font-weight, normal : 默认值。正常的字体