最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
实用CSS教程:从基础开始(三)
时间:2022-07-02 12:42:06 编辑:袖梨 来源:一聚教程网
六.控制字体的样式
控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。
1.字体类型
平时在使用WORD之类的字处理软件的时候,经常需要调整字体的显示,比如说“Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。
基本格式如下:
font-family: 字体名称
如果在font-family后加上多种字体的名称,浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体,一旦遇到与要求的相匹配的字体,就按这种字体显示网页内容,并停止搜索;如果不匹配就继续搜索,直到找到为止,万一样式表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网页的内容。
注意:
当指定多种字体时,用“,”分隔每种字体名称。
当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。
当样式规则外已经有“”时,用'’代替“”。
2.字体大小
基本格式如下:
font-size: 字号参数
字号的取值范围:
以Point为单位:点单位在所有的浏览器和操作平台上都适用
以Em为单位:指字母要素的尺寸,和Point相同距离
以Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕分辨率不同,而造成显示上的效果差异
以in(英寸)为单位
以cm(厘米)为单位
以mm(毫米)为单位
以pc(打印机的字体大小)为单位
以ex(x-height)为单位
smaller:比当前文字的默认大小更小一号
larger:比当前文字的默认大小更小大号
使用比例关系
xx-small
x-small
small
medium
large
x-large
xx-large
3.字体风格
字体风格只能控制各种斜体字的显示。
基本格式如下:
font-style: 斜体字的名称
4.字体粗细
字体粗细控制粗体字的显示,取值范围从数字100~900,浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。
基本格式如下:
font-weight: 字体粗细
控制字体的样式包括控制字体类型、字体大小、字体风格、字体粗细四个部分。
1.字体类型
平时在使用WORD之类的字处理软件的时候,经常需要调整字体的显示,比如说“Arial”、“Impact”、“Verdana”等字体都是笔者使用的较多的。
基本格式如下:
font-family: 字体名称
如果在font-family后加上多种字体的名称,浏览器回按字体名称的顺序逐一在用户的计算机里寻找已经安装的字体,一旦遇到与要求的相匹配的字体,就按这种字体显示网页内容,并停止搜索;如果不匹配就继续搜索,直到找到为止,万一样式表里的所有字体都没有安装的话,浏览器就会用自己默认的字体来替代显示网页的内容。
注意:
当指定多种字体时,用“,”分隔每种字体名称。
当字体名称包含两个以上分开的单词时,用“”把该字体名称括起来。
当样式规则外已经有“”时,用'’代替“”。
2.字体大小
基本格式如下:
font-size: 字号参数
字号的取值范围:
以Point为单位:点单位在所有的浏览器和操作平台上都适用
以Em为单位:指字母要素的尺寸,和Point相同距离
以Pixes为单位:像素可以使用于所有的操作平台,但可能会因为浏览者的屏幕分辨率不同,而造成显示上的效果差异
以in(英寸)为单位
以cm(厘米)为单位
以mm(毫米)为单位
以pc(打印机的字体大小)为单位
以ex(x-height)为单位
smaller:比当前文字的默认大小更小一号
larger:比当前文字的默认大小更小大号
使用比例关系
xx-small
x-small
small
medium
large
x-large
xx-large
3.字体风格
字体风格只能控制各种斜体字的显示。
基本格式如下:
font-style: 斜体字的名称
4.字体粗细
字体粗细控制粗体字的显示,取值范围从数字100~900,浏览器默认的字体粗细为400。另外可以通过参数lighter和bolder使得字体在原有基础上显得更细或更粗些。
基本格式如下:
font-weight: 字体粗细
相关文章
- 时空中的绘旅人天宇之间怎么玩 绘旅人天宇之间活动玩法介绍 12-25
- QQ2024年度报告怎么看 2024qq年度报告玩法介绍 12-25
- 归龙潮珠砂什么时候up 归龙潮红缘绮梦卡池介绍 12-25
- 王者荣耀S38赛季有什么更新 12-25
- 王者荣耀S38赛季有什么更新 王者荣耀S38赛季更新内容介绍 12-25
- 世界之外12.25有什么更新 世界之外12月25日更新内容介绍 12-25