电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

WEB基础03文本格式化表格样式VIP免费

WEB基础03文本格式化表格样式_第1页
1/31
WEB基础03文本格式化表格样式_第2页
2/31
WEB基础03文本格式化表格样式_第3页
3/31
第1页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第1页共31页1.文本格式化本章主要讲解如何实现文本的格式化,包括控制文本的字体(如字体大小、字体样式和字体系列等)和设置文本的格式(如文本颜色、文本排列和文本缩进等)。1.1.文本格式化1.1.1.控制字体CSS字体属性定义文本的字体系列、大小、加粗、风格(如斜体)等,这些属性会直接影响字体及其外观。常用的属性有:1、指定字体(font-family)可以使用font-family属性指定文本的字体,语法如下:1.font-family:name/inherit;如果需要指定字体,则设置值为name,即首选字体的名称。如果字体名称有多个单词,即中间有空格,则需要将字体名称用一对单引号或者双引号包围起来。如果字体名称包含非ASCII字符,就必须声明样式表的编码。这个属性最大的问题在于,如果用户机器上并没有安装所需要的字体,则会显示默认字体。因此,在指定字体时,最好同时指定替代字体。我们可以为font-family属性指定多种字体,且多种字体之间用逗号隔开,这样可以为页面指定一个字体列表。如果用户机器没有第一种字体,则浏览器会查找字体列表中的下一种字体作为替代字体显示。如果找遍了字体列表还是没有可以使用的字体,浏览器会使用默认字体显示页面。我们可以结合特定字体和通用字体系列来指定字体,如:1.h1{font-family:Georgia,serif;}如果用户机器上没有安装Georgia,但安装了Times字体(serif字体系列中的一种字体),浏览器就可能对

元素使用Times。尽管Times与Georgia并不完全匹配,但至少足够接近。2、字体大小(font-size)font-size属性用来设置文本的大小。如果没有规定字体大小,普通文本(比如段落)的默认大小是16像素(16px=1em)。可以使用多种方式指定这个属性的值:绝对大小、相对大小、长度单位和百分比。其中,如果使用长度单位来设置字体大小,还可以分别使用相对单位和绝对单位。长度是指采用一种长度单位来表达字体的大小。可使用的绝对单位如表-1所示。表-1长度的绝对单位第2页共31页第1页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第2页共31页图-1给出了使用长度的绝对单位来设置字体大小的效果。图-1也可以使用相对单位的长度来设置字体大小,可使用的相对单位如表-2所示。表-2长度的相对单位如果需要使用相对单位来设置大小,我们可以使用px,表示像素。通过像素设置文本大小,可以对文本大小进行完全控制。比如,我们可以这样设置:1.h1{font-size:60px;}2.h2{font-size:40px;}3.p{font-size:14px;}font-size属性的值还可以设置为“inherit”,规定应该从父元素继承字体尺寸。3、字体加粗(font-weight)第3页共31页第2页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第3页共31页font-weight属性用于设置文本的粗细,常用于实现将显示元素的文本中所用的字体加粗。该属性可能的值如表-3所示。表-3font-weight属性的取值使用bold关键字可以将文本设置为粗体。关键字100~900为字体指定了9级加粗度。如果一个字体内置了这些加粗级别,那么这些数字就直接映射到预定义的级别,100对应最细的字体变形,900对应最粗的字体变形。数字400等价于normal,而700等价于bold。如果将元素的加粗设置为bolder,浏览器会设置比所继承值更粗的一个字体加粗。与此相反,关键词lighter会导致浏览器将加粗度下移而不是上移。比如,我们可以这样定义样式规则:1.p.normal{font-weight:normal;}2.p.thick{font-weight:bold;}3.p.thicker{font-weight:900;}然后查看如下代码:1.font-weight:normal

2.font-weight:bold

3.font-weight:900

上述代码在浏览器中的显示效果如图-2所示。图-2第4页共31页第3页共31页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第4页共31页其中,bold是最常用的值,也会遇到使用normal的情况,尤其是在大量加粗文本中创建不同效果的文本时。1.1.2.控制文本格式CSS除了可以设置字体,还可以定义文本的外观。通过文本属性,可以改变文本的颜...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

WEB基础03文本格式化表格样式

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部