• 郑州网站建设-郑州网站设计-河南网站建设-手机建站-郑州建站

  • 专注网站建设 品牌的力量 值得信赖

    服务热线: 0371-63248369/15136144056

当前位置:首页 > 建站知识 > 网站设计观点 > 正文

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

发布时间:2014年08月25日 06:22 | 发布者:新速科技 | 浏览次数:5785次


      今天我们公司的设计师小周给大家介绍一下在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加粗斜体宋体>