css字体和背景颜色

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

一、字体font-family

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

1font-family: "华文彩云";

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

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

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

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

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

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

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

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

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

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

微软雅黑的英语别名:

1font-family: "Microsoft YaHei";

宋体的英语别名:

1font-family: "SimSun";

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

运行结果:

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

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

二、背景颜色(background-color)

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

用这三种方式表示红色:

background-color:red;

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

background-color: #ff0000;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 行高和字号 行高CSS中,所有的行,都有行高,盒模型的padding,绝对不是直接作用在文字上的,而是作用在行上的...
    flowerflower阅读 803评论 1 2
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 6,409评论 0 12
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,201评论 0 40
  • 大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽...
    陈_宣阅读 1,970评论 0 7
  • 这个50平米左右的一房一厅,我住了刚好一年。 因为专业的原因,呆在家的时间很长,我和这个小房子独处的时间浓度很高。...
    IGN阅读 241评论 0 0