css字体和背景颜色

我们都知道在css中对字体的设置有字号(font-size字体(font-family)。对字号我们并不陌生。下面我们来说一下字体

一、字体font-family

1. 网页中不是所有字体都能用哦,因为这个字体要看用户的电脑里面装没装,比如你设置:

font-family: "华文彩云";

如果用户电脑里面没有这个字体,那么就会变成宋体。

在网页中,我们只使用:微软雅黑,黑体,宋体,对应的英语为:ArialTimes New Roman。如果页面中需要其他字体,则需要切图。

 

2. 为了防止用户电脑里面,没有微软雅黑这个字体。就要用英语的逗号,隔开备选字体

就是说如果用户电脑里面,没有安装微软雅黑字体,那么就是宋体:

font-family: "微软雅黑","宋体";

备选字体可以有无数个,用逗号隔开。

3. 如果在一个页面中既需要设置英语字体,又需要设置中文字体.

我们要将英语字体,放在最前面,这样所有的中文,就不能匹配英语字体,就自动的变为后面的中文字体

font-family: "Times New Roman","微软雅黑","宋体";

4. 所有的中文字体,都有英语别名,我们也要知道

微软雅黑的英语别名:

font-family: "Microsoft YaHei";   

宋体的英语别名:

font-family: "SimSun";

我们可以通过一句代码来设置字号,行高和字体

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>字体</title>

<style type="text/css">

div{

font:16px/20px "Times New Roman","微软雅黑","宋体";

}

</style>

</head>

<body>

<div>设置有字号(font-size,行高(line-height) 字体(font-family</div></body>

</html>

运行结果:

 


font:16px/20px "Times New Roman","微软雅黑","宋体";表示的意思是字号位16px,行高为20px,英文字体为"Times New Roman",如果电脑里有微软雅黑字体,中文字体会自动匹配为微软雅黑,否则为宋体

下面我们来看一下,页面的背景颜色

二、背景颜色(background-color)

css的背景颜色有3中表示方法,分别是英语单词,rgb,十六进制

用这三种方式表示红色:

background-colorred;

background-color: rgb(255,0,0);

background-color: #ff0000;

 

 

 

 

 

  • 0
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值