网页制作课件10.ppt

网页制作课件10.ppt

ID:49202630

大小:480.00 KB

页数:50页

时间:2020-02-01

网页制作课件10.ppt_第1页
网页制作课件10.ppt_第2页
网页制作课件10.ppt_第3页
网页制作课件10.ppt_第4页
网页制作课件10.ppt_第5页
资源描述:

《网页制作课件10.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、第十章CSS技术及其应用110.1什么是CSS10.2设置CSS样式10.3如何在网页中使用CSS技术10.4CSS样式定义210.1什么是CSSCSS(CascadingStyleSheet,层叠样式表)技术是一种格式化网页的标准方式,它扩展了HTML的功能,使网页设计者能够以更有效的方式设置网页格式。单纯HTML的局限性【例10.1】CSS技术的优越性【例10.2】简化格式设置工作增强网页的可维护性加强网页的表现力(CSS样式属性提供了更多的格式设置功能。如,去掉网页中超链接的下划线;为文字添加

2、阴影效果等)转下一节3【例10.1】单纯HTML方式HTML方式一级标题

正文部分

一级标题

正文部分

单纯HTML的局限性:格式定义的重复格式维护的困难(修改工作量大)4【例

3、10.2】使用CSS方式使用CSS方式

一级标题

正文部分

一级标题

正文部分

定义CSS样式,将该样式应用于网页中所有h1标记符,从而解决了HTML固有的两大缺陷。CSS样式定义: 选择符{属性:属性值;属性:属性值}ret

4、urn5CSS的属性单位CSS中,属性值的各种单位与HTML中有所不同1.长度单位cm(厘米);mm(毫米);in(英寸);px(像素)em(当前字体中m字母的宽度)ex(当前字体中x字母的高度)pc(皮卡),1pc=12点pt(点),1pt=1/72英寸2.百分比单位如:p{line-height:150%}表示该段文字的高度为标准行高的1.5倍可用于以下属性:3.颜色单位颜色名;#RGB;#RRGGBB;rgb(rrr,ggg,bbb);rgb(rrr%,ggg%,bbb%)0~255十进制数6

5、百分比单位适用的属性font-size、fontbackground-position、backgroungdvertical-align、text-indent、line-heightmargin、margin-top、margin-bottom、margin-left、margin-rightpadding、padding-top、padding-bottom、padding-left、padding-rightwidth7在Dreamweaver中所能定义的CSS样式有三种:自定义CSS样式H

6、TML标签样式CSS选择器样式8自定义CSS样式自定义CSS样式可以对任何文本块或文本区域进行编辑且需要用户手动进行应用。9HTML标签样式该样式是对现有的HTML标记进行重新定义,当创建或改变该样式时,所有应用了该样式的文本格式都会自动更新。10CSS选择器样式该样式是对某些特定的标记组合进行重新定义,如所有包含了特定ID属性的标记,设置完成此样式后Dreamweaver会自动应用该样式。1110.2设置CSS样式创建了新的样式后,即可在“CSS样式定义”对话框中进行设置,CSS样式有8种:类型设

7、置背景设置区块设置方框设置边框设置列表设置定位设置扩展设置12类型设置13背景设置“背景”设置包括设置背景颜色、选择背景图像、设置背景图像是否重复及重复的方式、背景图像是否滚动、背景图像相对于应用样式元素的位置。14区块设置“区块”指网页中文本、图像和层等替代元素,主要用于控制块中元素的间距和对齐方式等。15方框设置“方框”设置可以定义控制元素在页面上的放置方式和属性等。16边框设置“边框”设置包括定义元素周围边框的样式、宽度及颜色等。17列表设置“列表”设置主要用于控制列表内各项元素的属性,如项目

8、符号类型、项目符号图像和项目符号位置。18定位设置“定位”设置主要用于控制网页元素,特别是层的位置。19扩展设置“扩展”设置主要用于为打印的页面设置分页和为网页元素设置视觉效果。20管理CSS样式修改CSS样式删除CSS样式复制CSS样式重命名层叠样式应用CSS样式表自定义CSS样式的应用链接外部CSS样式21修改CSS样式创建层叠样式后,可以修改样式中的某些参数。22删除CSS样式在“CSS样式”面板中,选择要删除的样式名称。单击面板底部的“删除”按钮即可将样式删除

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

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

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