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

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

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

2、字体风格：我们可以设置“斜”或“倾斜”。< span style font = - style: italic "> Italic </ span > < span style font = - style: ITALIC ">斜体</ SPAN >字体斜体指定。要指定斜体。正确的是“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点的文字</ span >8PT“>8点字符<跨度风格=”字体大小：</ SPAN >< span style font = - size: x - small ">小文字</ span >小字符< span style font = - size: x - small "> 

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

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

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

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

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

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

网站栏目：CSS中如何设置字体的颜色、风格、大小、类型、重量以及一次设置多个样式
网站路径：https://www.cdcxhl.com/news36/258836.html

成都网站建设公司_创新互联，为您提供网页设计公司、用户体验、做网站、动态网站、网站建设、小程序开发

广告

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