2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc

2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc

ID:50349963

大小:381.00 KB

页数:10页

时间:2020-03-08

2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc_第1页
2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc_第2页
2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc_第3页
2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc_第4页
2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc_第5页
资源描述:

《2015年网页美化与布局电子教案02单元2 网页文本与段落的美化与布局.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、单元2 网页文本与段落的美化与布局单元2 网页文本与段落的美化与布局文字是网页的主体,网页设计时,应通过调整字体、大小、颜色、字距、行高、缩进实现对网页文本的美化,利用CSS的强大功能和灵活性可以对字体属性进行设置,获得良好的视觉效果。【知识预览】1.HTML中常用的结构标签(1)div标签div是division(分割)的缩写,是一个通用块状元素,是常用的结构化元素,其display属性默认为block。(2)标题标签HTML中,定义了6级标题,分别为h1、h2、h3、h4、h5、h6,这六个标签具有明确的语义,这些元素的第一个字母h是hea

2、der(标题)的首字母,后面的数字表示标题的级别。(3)段落标签p是paragraph(段落)的首字母,

标签用于定义文本段落,该标签具有明确的语义特征。2.HTML5中常用的文本标签(1)标签span表示范围的意思,是一个通用内联元素,没有明确的语义特征,可以作为文本或内联元素的容器,其display属性默认为inline。(2)
标签与标签
是一个单标签,没有结尾的标签。
标签用于将文字在一个段内强制换行,而不是分割段落。标签表示软换行,用于在文本中添加换行符。(3)

3、签与

标签
标签用于描述文档或文档某个部分的细节,目前只有Chrome浏览器支持details标签,可以与标签配合使用。标签用于描述有关文档的详细信息,标签为details元素定义标题,“details”元素用于描述有关文档或文档片段的详细信息。标签应与
标签一起使用。(4)标签标签用于设置一段文本,使其脱离其父元素的文本方向设置。(5)标签标签主要用来在视觉上向用户呈现哪些需要突出

4、显示或高亮显示的文字,典型应用是搜索结果中高亮显示搜素关键字。(6)标签标签用于定义度量衡。仅用于已知最大和最小值的度量。9单元2 网页文本与段落的美化与布局(7)标签标签用于定义任何类型任务的运行进度,可以使用progress元素显示JavaScript中耗时时间函数的进程。3.CSS文本属性(Text)CSS文本属性可定义文本的外观,通过文本属性,可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本进行缩进等。(1)缩进文本把Web页面中段落的第一行缩进,这是一种最常用

5、的文本格式化效果。CSS提供了text-indent属性,该属性可以方便地实现文本缩进。通过使用text-indent属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。(2)水平对齐text-align是一个基本的属性,它会影响一个元素中的文本行互相之间的对齐方式,其取值left、right和center会导致元素中的文本分别左对齐、右对齐和居中。(3)文字间隔word-spacing属性可以改变字(单词)之间的标准间隔,其默认值normal与设置值为0是一样的。word-spacing属性接受一个正长度值或负长度值。(4)

6、字母间隔与word-spacing属性一样,letter-spacing属性的可取值包括所有长度,默认关键字是normal(这与letter-spacing:0相同)。输入的长度值会使字母之间的间隔增加或减少指定的量。(5)字符转换text-transform属性处理文本的大小写,该属性有4个取值:none、uppercase、lowercase和capitalize。默认值none对文本不做任何改动,将使用源文档中的原有大小写。(6)文本装饰text-decoration属性提供了很多非常有趣的行为,text-decoration有5个值:n

7、one、underline、overline、line-through、blink。(7)文本阴影在CSS3中,text-shadow可向文本应用阴影,允许规定水平阴影、垂直阴影、模糊距离以及阴影的颜色。(8)处理空白符white-space属性会影响到对源文档中的空格、换行和tab字符的处理。通过使用该属性,可以影响浏览器处理字之间和文本行之间的空白符的方式。4.CSS字体属性(Font)网页设计时,一般使用font属性定义字体的通用属性,该属性可以设置所有字体属性,包括字体名称、字体大小、文字粗细、样式、变体、颜色和行高等方面。(1)文字字

8、体在CSS中,通常有两种不同类型的字体系列:①通用字体系列:拥有相似外观的字体系统组合(例如“Serif”或“Monospace”)。②特定字体系列:

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。