CSS中font是什么意思?

html-css08

CSS中font是什么意思?,第1张

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标签:<font

color='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 : 默认值。正常的字体