当前位置:首页 > 前端技术 > css字体和背景颜色

css字体和背景颜色

2022年11月08日 18:10:16前端技术14

我们都知道在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>

运行结果:

 css字体和背景颜色 _ JavaClub全栈架构师技术笔记


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;

 

 

 

 

 

作者:bwf_erg
来源链接:https://blog.csdn.net/bwf_erg/article/details/70141655

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/front/68527.html

标签: css颜色设置
分享给朋友: