CSS中如何设置字体的颜色、风格、大小、类型、重量以及一次设置多个样式

2023-05-10    分类: 网站建设

今天我们公司的设计师小周给大家介绍一下在CSS代码中,如何设置字体颜色、字体风格、字体大小、字体类型、字体重量以及一次设置文字的多个样式。

1、字体颜色:举个例子,比如给字体加红,我们可以使用这个样的语句< span style = color: # ff0000;background - color: transparent ">红色文字红色字母< span style = color: # ff0000;background - color: transparent "> 文字的红色指定。

2、字体风格:我们可以设置“斜”或“倾斜”。< span style font = - style: italic "> Italic < span style font = - style: ITALIC ">斜体字体斜体指定。要指定斜体。正确的是“oblique”斜体指定,根据浏览器不支持的东西,所以有同样的风格的“italic”预先

指定比较保险。但是你指定的“斜”斜体,因为有一些浏览器不支持的方法,你指定的“倾斜”的风格是同源性安全。

3、字体风格:font - size:字体的大小字体大小。指定“pt”、“em”、“in(inch)”等的算术单位的其他小的一方,从“xx - small”、“x - small”、“small”、“medium”、“large”、“x - large”、“xx”- large指定可以。“PT”,“排放”指定“,”其他单位,如算术(英寸),

“XX小”,“X -小”,“小”,“中等”,“大”从较小的“X大”,“大XX”可以指定。< span style font = - size:8pt ">8点的文字8PT“>8点字符<跨度风格=”字体大小:< span style font = - size: x - small ">小文字小字符< span style font = - size: x - small "> 

通过浏览器“small”和“x - small”的尺寸等同的东西为了也有,严格的尺寸,固定如果想要“10pt”等的算术单位使用。使用如“10PT”算术单元,因为如果假定为“X -小”和“小”在浏览器上的大小相同,你要修复完全相同的大小。

4、字体类型:font - family:也称为家庭类型字体的种类的指定。< span style font = - family: verdana,arial,helvetica,sans - serif ">字体的种类 < span style font = - family: verdana,arial,helvetica,sans - serif ">字体类型上述字体

的种类是复数指定也行。字体类型指定多个可如上所述。这个场合,浏览器对应着字体从前头优先表示开始。你可以在自己的浏览器上查看一下。“Times New Roman」一样的字体,家族空白的时候(引号)围着放置。如果有“宋体”字体家族中的天空格“括号(不带引号)。

5、字体的重量:实际上,字体字体是有重量的,比如我们常说的这个字体多少多少磅。范围为100~900之间的100单位的数字,或是“bold”、“bolder”、“lighter”可以指定,我们可以使用这样的一句为成都网站建设加粗:< span style font = - weight: bold ">粗体字

< span style font =成都网站建设- weight: bold ">

6、一次设置文字的多个样式,我们使用font来一次指定文字的多个样式:比如我们可以使用这样的语句一次设置文字的重量、风格和类型。< span style font =:10pt bold italic arial ">字体指定指定字体10PT加粗斜体宋体> 

网站题目:CSS中如何设置字体的颜色、风格、大小、类型、重量以及一次设置多个样式
文章起源:https://www.cdcxhl.com/news/258836.html

成都网站建设公司_创新互联,为您提供静态网站动态网站网站内链云服务器小程序开发网站改版

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

商城网站建设