DW第十二讲 CSS样式.ppt

DW第十二讲 CSS样式.ppt

ID:48736124

大小:53.50 KB

页数:11页

时间:2020-01-20

DW第十二讲 CSS样式.ppt_第1页
DW第十二讲 CSS样式.ppt_第2页
DW第十二讲 CSS样式.ppt_第3页
DW第十二讲 CSS样式.ppt_第4页
DW第十二讲 CSS样式.ppt_第5页
资源描述:

《DW第十二讲 CSS样式.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、Dreamweaver课件第十二讲CSS样式*主要内容(P107)CSS简介创建应用编辑调用外部样式表CSS简介CSS:CascadingStyleSheets层叠样式表/级联样式表作用:定义网页元素的样式.可以定义文本的字体、字号、对齐等样式,还可定位一些特殊的HTML的属性,如滤镜、特效等。创建1.打开CSS样式面板(Shift+F11)2.单击”新建”按钮创建(1).自定义样式:作用:定义某个特定对象的样式步骤:在名字输入框中输入.name在弹出的样式表属性定义对话框中设置.设置完成后在样式面板上

2、会出现此样式名称.应用:选中要应用样式的对象,单击面板上的样式名即可.掌握:文字常用9pt大小,20px间距(类型/大小、行高)精确首行缩进(区块/文字缩进)光标/滤镜(扩展/光标、过滤器)注意:如果对一段文本应用,最好放在

..

中.创建(2)重定义HTML标签:作用:对HTML标签的重新定义。步骤:在标签列表中选择要重新定义的标签设置.设置完成后自动应用。掌握:背景图像平铺问题(重定义标签)表单元素样式()表格(
)、图像等。创建(3

3、)使用CSS选择器作用:实现超级链接的样式重新定义超级链接的四个状态:a:link-----------------没访问的超级链接的状态a:visited-------------访问过的超级链接的状态a:hover--------------鼠标经过超级链接时的状态a:active--------------正在单击超级链接时的状态步骤:在名字输入框中选择状态设置.设置完成后自动应用。样式问题编辑样式:在CSS样式面板中,单击“编辑样式”按钮,显示样式编辑窗口,选择要编辑的样式双击即可。改变样式后,

4、应用样式的对象会自动更新。样式冲突:(P112)当两种样式作用于同一个对象,且样式设置不同时,会产生冲突。冲突时,显示最内部的样式注意问题应用:一篇网页文档可以先设置标签样式,指定文字样式(固定大小、颜色、行距等)其次可指定

)标签样式,进一步指定表格中文字的样式。如果某些网页元素有具体要求,可重定义其标签。指定超级链接的样式当有网页元素(如某段文本)有特殊要求时(如颜色).可直接在属性检查器中修改.当有网页元素(如某段文本)有特殊要求时(如大小),可为其定义自定义样式

5、,只对此处应用.调用外部样式表意义调用在其它页面中已经建好的样式表,使整个网站风格统一(如每个页面都是一样的字体、链接效果等)设置1.先建立外部样式表建立新的样式时,选择“新建样式表文件”,并保存.只在本文档中使用的样式表:右击/导出样式表,然后保存.2.调用打开CSS面板,单击“附加”样式表按钮,选择外部样式表文件.调用的样式表使用方法与本页面样式相同.第十二讲总结样式表创建与应用(三种样式)作业:为所做的个人网站设定CSS样式

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

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

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