css中font字体颜色怎么设置

html-css020

css中font字体颜色怎么设置,第1张

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

可以使用font属性来设置字体,它的参数比较多,可以参考其schema约束来写。

常用的格式是 font: font-style font-weight font-size/line-height  "font-family","font-family"

含义:font: 字体样式 加粗大小 字号/行高 "字体名称1","字体名称2"

如:

/*font:  15px/25px "microsoft Yahei","SimSun"*/   /* 部分属性可采用默认 */

font: oblique 500 15px/25px "microsoft Yahei","SimSun"

就代表 字体是倾斜、加粗值500、字号15/行高25 ,首选字体microsoft yahei(微软雅黑),如果用户电脑没有该字体,则使用SimSun(宋体);

----------------------------------------------------------

如果只是单纯的设置字体,可以使用font-family,如:

font-family: "microsoft yahei","SimSun"

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>

运行效果: