已阅读5页,还剩23页未读, 继续免费阅读
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第13章 CSS控制文本的显示,CSS中,文本的控制包括两个方面的内容,一方面控制文本中字体的各种显示效果(例如,控制字体的大小等),另一方面控制文本的显示效果(例如,文本的缩进等)。在CSS中文本的控制是很重要的内容,文本的显示效果,直接影响读者对页面信息的读取。通过本章学习,应该掌握以下知识要点: 重点掌握CSS控制字体的显示方法并能熟练应用 了解CSS控制文本的显示方法及其使用方法 能熟练使用字体综合属性,13.1 控制字体的显示,在CSS中,字体的控制有控制文本的字体、字体的大小、字体的样式、字体的颜色、字体的修饰等方面的内容。本节将分别进行详细讲解。,13.1.1 字体选择属性font-family,字体选择属性(font-family),用来定义文本中使用的那种字体。字体选择属性的值为字体名称,其语法结构如下所示。,13.1.2 字体颜色属性color,字体颜色属性,用来定义字体使用的颜色。在定义字体颜色的时候,要注意字体颜色和背景之间的对比,方便读者的阅读。,13.1.3 字体大小属性font-size,字体大小属性(font-size),用来控制元素中字体的显示尺寸。在字体的大小属性中,可以使用几个属性值,通常使用的是以px为单位的长度值,其语法结构如下所示。,13.1.4 字体样式属性font-style,字体样式属性(font-style),用来定义字体的显示样式。在字体样式属性中,可以使用几个属性值,包括,norma、italic、oblique。,13.1.5 字体加粗属性font-weight,字体加粗属性(font-weight),用来定义字体是否显示加粗和变细的效果。在字体样式属性中,可以使用两类属性值,一类是用名称命名的属性值,例如blod等。另一类是用数字命名的属性值,例如200、300等。,13.1.6 字体修饰属性text-decoration,字体修饰属性(text-decoration),用来定义字体的修饰效果,例如下划线等。在字体修饰属性中,可以使用5个属性值,包括,none、underline、blink、overline、line-through等。,13.1.7 字体下划线位置属性text-underline-position,字体下划线位置属性(text-underline-position),用来定义下划线的位置。在字体下划线位置属性中,可以使用两个属性值,包括,below、above。,13.1.8 小型大写字母属性font-variant,小型大写字母属性(font-variant),用来定义英文中是否显示小型大写字母的效果。小型大写字母是介于大写字母和小写字母之间的一种字母显示效果。在小型大写字母属性中,可以使用两个属性值,normal、above。,13.1.9 转换大小写属性text-transform,转换大小写属性(text-transform),用来定义英文字母大小写之间转换的效果。在转换大小写属性中,可以使用4个属性值,包括,none、capitalize、uppercase、lowercase。,13.1.10 字母间隔属性letter-spacing,字母间隔属性(letter-spacing),用来定义字母(或中文文字)之间的间隔大小。在字母间隔属性中,可以使用两个属性值normal和长度值。,13.1.11 单词间隔属性word-spacing,单词间隔属性(word-spacing),用来定义英文单词之间的间隔。在单词间隔属性中,可以使用2个属性值normal和长度值。,13.1.12 行高属性line-height,行高属性(line-height),用来定义文本中行高的大小。在行高属性中,可以使用2个属性值normal和长度值。,13.1.13 字体综合属性font,字体综合属性(font),用来统一定义字体的各种属性值。在字体综合属性中,可以使用以上几个小节中讲解的部分属性。,13.2 控制文本的显示,在CSS中文本的控制,是指控制文本的缩进、对齐、空白、显示方向等内容。在实际制作网页时,文本的控制对整个页面的排版起着决定性的作用,好的文本效果,不但美观,更加便于读者的阅读。下面进行详细讲解。,13.2.1 文本缩进属性text-indent,文本缩进属性(text-indent),用来定义文本段落中段首的缩进效果。在文本的缩进属性中,使用的属性值为长度值,其语法结构如下所示。,13.2.2 文本空白属性white-space,文本空白属性(text-overflow),用来把文本中使用空格,换行等空白元素的内容显示出来。在文本的空白属性中,可以使用3个属性值,包括normal、pre、nowrap,其语法结构如下所示。white-space : normal | pre | nowrap;,13.2.3 文本溢出属性text-overflow,当文本内容超出元素大小的时候,就要用到文本溢出属性(text-overflow)来定义这些文本的显示效果。在文本溢出属性中,可以使用两个属性值,clip和ellipsis,其语法结构如下所示。,13.2.4 水平对齐属性text-align,水平对齐属性(text-align),用来定义元素的水平对齐效果。在水平对齐属性中,可以使用3个属性值,分别定义元素内容的左对齐、居中对齐、右对齐和两边对齐。,13.2.5 垂直对齐属性vertical-align,垂直对齐属性(vertical-align),用来定义元素的垂直对齐效果。在垂直对齐属性中,可以使用10个属性值。,13.2.5 垂直对齐属性vertical-align,13.2.6 文本流向属性layout-flow,文本流向属性(layout-flow),用来定义元素中文本流的显示方式。在文本流向属性中,可以使用两个属性值horizontal和vertical-ideographic。,13.2.7 文本方向属性direction,文本方向属性(direction),用来定义元素中文本的显示方向。在文本方向属性中,可以使用两个属性值ltr和rtl,其语法结构如下所示。,13.2.8 文本排序属性unicode-bidi,文本排序属性,用来定义文本内容的显示顺序。在文本排序属性中,可以使用3个属性值,分别为norma、bidi-override、embed。,13.2.9 单词换行属性word-break,单词换行属性(word-break),用来定义文本中,能否在单词内部换行显示。在单词换行属性中,可以使用3个属性值,分别为norma、break-a
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 节能乘用车综合工况燃料消耗量限值标准、节能轻型商用车综合工况燃料消耗量限值标准、节能重型商用车综合工况燃料消耗量限值标准、新能源汽车产品技术要求
- 2024春国开新时代中国特色社会主义思想概论-试卷C终考大作业及答案(第2套)
- 2024六年级上册数学期末试卷试题(含答案)
- GB-T-26465-2021消防员电梯制造与安装安全规范
- FZ∕T 93089-2014 喂棉箱行业标准
- 化学陶瓷化学品相关行业投资规划报告
- 人教部编版六年级语文下册第二单元 在名著的世界里游历 任务群大单元教学设计
- 2024年江苏省宿迁市宿城区中考语文一模试卷(含解析)
- 2024年河南省南阳市第三中学中考三模数学试题(含答案)
- 食品项目投资测算分析报告
- 新时代中小学教师职业行为十项准则测试卷附答案
- ESD管理规范方案
- ICD-10各章指导内容
- 【商业计划书】-宠物基因检测服务项目商业计划书
- 红金大气商务风领导欢迎会PPT通用模板
- 贵州省黔西南州、黔东南州、黔南州中考文综试题(图片版含答案)
- 农药经营许可证申请表
- 煤矿安全规程2022
- 泥桥坑排洪渠工程初设报告
- 生产类人员职业资格认证管理办法(试行)
- (部编本)人教版八年级语文教材解读课件
评论
0/150
提交评论