![2023学年完整公开课版CSS文本样式_第1页](http://file4.renrendoc.com/view/48e15a322d8bdd754a66e48754eebf38/48e15a322d8bdd754a66e48754eebf381.gif)
![2023学年完整公开课版CSS文本样式_第2页](http://file4.renrendoc.com/view/48e15a322d8bdd754a66e48754eebf38/48e15a322d8bdd754a66e48754eebf382.gif)
![2023学年完整公开课版CSS文本样式_第3页](http://file4.renrendoc.com/view/48e15a322d8bdd754a66e48754eebf38/48e15a322d8bdd754a66e48754eebf383.gif)
![2023学年完整公开课版CSS文本样式_第4页](http://file4.renrendoc.com/view/48e15a322d8bdd754a66e48754eebf38/48e15a322d8bdd754a66e48754eebf384.gif)
![2023学年完整公开课版CSS文本样式_第5页](http://file4.renrendoc.com/view/48e15a322d8bdd754a66e48754eebf38/48e15a322d8bdd754a66e48754eebf385.gif)
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
——CSS文本样式移动商务系统前端设计CSS文本样式CSS的文字样式可以通过各种属性的综合使用实现各种样式的文字排版。123由于Web是HTML文档的集合体,有动态的元素、静态的元素、功能展示的元素,它们的呈现不能够是杂乱无章的,这就需要对各种文字样式进行排版。排版是对文本样式进行各种操作(例如改变文本的颜色、字符间距、行高、文字对齐方式等,并需实现文本缩进、字体装饰等内容)。CSS文本样式CSS文本样式color属性规定文本的颜色。这个颜色还会应用到元素的所有边框,除非被border-color或另外某个边框颜色属性覆盖。现场演示:案例9-01:文本颜色CSS文本样式CSS文本样式text-indent属性规定文本块中首行文本的缩进。该属性值可以为像素值、百分比或相对值em,也可以为正值或负值,如果使用负值,那么首行会被缩进到左边。现场演示:案例9-02:文本缩进CSS文本样式CSS文本样式line-hight属性用来设置行间的距离(行高)。line-height与font-size的计算值之差在CSS中成为“行间距”,将其值分为两半,分别加到一个文本行内容的顶部和底部,其中可以包含这些内容的最小框就是行框。现场演示:案例9-03:行高CSS文本样式CSS文本样式letter-spacing属性用来定义字符间的空白大小(字符间距)。该属性定义了在文本字符框之间插入多少空间,由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔,normal就相当于值为0。现场演示:案例9-04:字母间隔CSS文本样式CSS文本样式text-align属性规定元素中文本的水平对齐方式。该属性通过指定行框与某点对齐,来设置块级元素内文本的水平对齐方式。现场演示:案例9-05:水平对齐CSS文本样式CSS文本样式text-decoration属性规定添加到文本的修饰,修饰的颜色由“color”属性设置。现场演示:案例9-06:文本装饰CSS文本样式CSS文本样式text-transform属性用来对文本的大小写进行转换处理。该属性会改变元素中的字母大小写,而不管源文本的大小写。如果值为capitalize,则要对某些字母大写,但是并没有明确定义如何确定哪些字母要大写,这取决于浏览器如何识别出各个“词”。现场演示:案例9-07:字符转换CSS文本样式CSS文本样式white-space属性设置如何处理元素内的空白。该属性声明建立布局过程中如何处理元素中的空白符,其中值pre-wrap和pre-line是CSS2.1中新增的。现场演示:案例9-08:元素空白处理CSS文本样式CSS文本样式word-spacing属性用来增加或减少单词(英文)间的空白(即字间隔)。针对这个属性,“字”定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔,normal就等同于设置为0,允许指定负长度值,这会让字之间挤得更紧。现场演示:案例9-09:文字间隔CSS文本样式CSS文本样式fi
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 消费者自我药疗行为现状分析
- 建筑节能认证行业发展前景及投资风险预测分析报告
- 江西省抚州市(新版)2024小学语文部编版课后作业(难点扫除)完整试卷(含答案)
- 皮革鞣制行业发展前景及投资风险预测分析报告
- 消防维修改造合同范本(2024版)
- 公司食堂餐饮供应服务行业可行性分析报告
- 2024版劳动合同书范例
- 冷链疫苗运输行业发展趋势及前景展望分析报告
- 餐饮方面供应商合同范文(2024版)
- 室内设备租赁合同范本
- 河南省漯河市五中2022-2023学年高一下学期期末考前模拟练习生物试题(解析版)
- 河南省信阳市浉河区2023-2024学年四年级下学期期末检测语文试卷
- 人教版英语五年级上册【新课标】Unit 4What can you do 单元整体教学设计
- 2024年人教版小升初数学升学考试模拟试卷合集(共5套)(含答案解析)
- 公司住房制度
- 2024国网重庆电力公司校园招聘230人历年高频考题难、易错点模拟试题(共500题)附带答案详解
- 内蒙古呼和浩特市新城区+2023-2024学年七年级下学期期中道德与法治试卷
- 网贷起诉管辖权异议申请书
- 中国古代史(二)智慧树知到期末考试答案2024年
- 发酵食品中生物胺的生成及其控制策略
- 生态文明建设理论与实践智慧树知到期末考试答案2024年
评论
0/150
提交评论