欢迎来到天天文库
浏览记录
ID:48736124
大小:53.50 KB
页数:11页
时间:2020-01-20
《DW第十二讲 CSS样式.ppt》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、Dreamweaver课件第十二讲CSS样式*主要内容(P107)CSS简介创建应用编辑调用外部样式表CSS简介CSS:CascadingStyleSheets层叠样式表/级联样式表作用:定义网页元素的样式.可以定义文本的字体、字号、对齐等样式,还可定位一些特殊的HTML的属性,如滤镜、特效等。创建1.打开CSS样式面板(Shift+F11)2.单击”新建”按钮创建(1).自定义样式:作用:定义某个特定对象的样式步骤:在名字输入框中输入.name在弹出的样式表属性定义对话框中设置.设置完成后在样式面板上
2、会出现此样式名称.应用:选中要应用样式的对象,单击面板上的样式名即可.掌握:文字常用9pt大小,20px间距(类型/大小、行高)精确首行缩进(区块/文字缩进)光标/滤镜(扩展/光标、过滤器)注意:如果对一段文本应用,最好放在
..
3、)使用CSS选择器作用:实现超级链接的样式重新定义超级链接的四个状态:a:link-----------------没访问的超级链接的状态a:visited-------------访问过的超级链接的状态a:hover--------------鼠标经过超级链接时的状态a:active--------------正在单击超级链接时的状态步骤:在名字输入框中选择状态设置.设置完成后自动应用。样式问题编辑样式:在CSS样式面板中,单击“编辑样式”按钮,显示样式编辑窗口,选择要编辑的样式双击即可。改变样式后,
4、应用样式的对象会自动更新。样式冲突:(P112)当两种样式作用于同一个对象,且样式设置不同时,会产生冲突。冲突时,显示最内部的样式注意问题应用:一篇网页文档可以先设置
5、,只对此处应用.调用外部样式表意义调用在其它页面中已经建好的样式表,使整个网站风格统一(如每个页面都是一样的字体、链接效果等)设置1.先建立外部样式表建立新的样式时,选择“新建样式表文件”,并保存.只在本文档中使用的样式表:右击/导出样式表,然后保存.2.调用打开CSS面板,单击“附加”样式表按钮,选择外部样式表文件.调用的样式表使用方法与本页面样式相同.第十二讲总结样式表创建与应用(三种样式)作业:为所做的个人网站设定CSS样式
此文档下载收益归作者所有