《层迭样式表》ppt课件

《《层迭样式表》ppt课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第三章层叠样式表CSS本章目标认识CSS样式了解CSS规则定义对话框使用CSS样式管理CSS样式整理CSS样式表典型实例---用CSS美化网页本章内容3.4管理CSS样式3.3使用CSS样式3.2了解CSS规则规则对话框的使用3.1什么是CSS样式3.5整理CSS样式表3.6典型实例应用3.1什么是CSS样式CSS样式：是CascadingStyleSheets的缩写，即层叠样式。CSS样式的用途：统一网站的风格；可以来布局网页；可以用来美化表单。总之，使用CSS样式后，可以减少很多网站的维护工作，能很大程度地提高工作效率。3.1什么

2、是CSS样式CSS样式面板：可视化定义CSS样式。创建样式表部分学习内容：新建CSS样式使用CSS面板管理样式外部样式表3.1.1使用CSS面板--新建样式选择【窗口】

3、【CSS样式】命令，出现【CSS样式】面板3.1.1使用CSS面板—认识按钮面板中的按钮及作用如下：【全部】：单击按钮显示全部样式；【正在】：显示当前文档的样式；【属性】：显示和修改样式属性；“分类显示”图标：按分类显示样式属性；“列表显示”图标：按列表显示样式属性；“链接”图标：添加外部的CSS样式文件；“新建”图标：新建样式表或样式文件；“编辑”图标：编辑CSS样

4、式表；“删除”图标：删除选择的样式。3.1.1新建样式单击该面板的【新建CSS样式】按钮，在【新建CSS样式】对话框中定义样式表的类型3.1.1新建CSS样式—认识按钮“类”单选按钮：自定义CSS样式；“标签”单选按钮：重新定义HTML标签中的默认样式；“高级”单选按钮：为某个标签组合或包含特定ID属性的标签定义格式；“名称”/“标签”/“选择器”下拉列表框：选择上面三个单选按钮的对应值；3.1.1新建CSS样式—认识按钮如下下拉列表框：选中单选按钮，样式以文件存储，指定或选择文件名；“仅对该文档”单选按钮：在当前文档头部嵌入样式；3

5、.1.1使用CSS面板--认识按钮单击【新建CSS规则】对话框中的【确定】按钮，弹出样式定义对话框3.4使用和管理CSS样式鼠标右键单击样式，弹出菜单：复制样式表编辑修改CSS样式删除CSS样式重制CSS样式3.4.1复制样式表复制样式表是指将已有的样式表进行复制，就如同复制文件一样，在对原来的文件进行修改的时候不会连带到原来的文件这对于样式表的备份和防止错误修改是很有效的手段3.4.2修改CSS样式在【CSS样式】面板中选中需要进行修改的样式表文件单击【CSS样式】面板底部的【编辑样式】图标即可打开【定义CSS样式】对话框，以供用户

6、对已经存在的CSS样式表进行修改3.4.3删除CSS样式如果用户对前面制作的已经存在的CSS样式不满意，需要重新来过时，可以将原有文件删除掉，再从头做起单击【CSS样式】面板底部的【删除CSS样式】图标即可3.5定制CSS制作CSS样式表改变文字属性修改行间距改变鼠标指针形状给图像添加边框3.5.1制作CSS样式表3.5.2改变文字属性编辑由大量文本构成的网页文档时，为了区分内容一般都会设置不同的文字属性。这时如果应用样式表就可以更快捷、更准确地统一文字的属性3.5.3修改行间距在网页文档中，如果文字之间的行间距过于狭窄，就会给访问者

7、的阅读带来不便，而且页面也不美观，使用样式表则可以轻松地实现修改行间距，将页面效果美化3.5.4改变鼠标指针形状当浏览网页时将鼠标置于已设置超链接的图像上时，鼠标形状将变为手形，这是HTML中默认的设置项如果用户对单一的手形鼠标不满意的话，利用CSS样式表可以对其进行修改3.5.5修改链接样式一般来说，在文本上建立链接之后，文字就会变成蓝色，同时还出现下划线如果不喜欢有下划线的蓝色文本，就可以利用相关链接的样式表来取消建立链接的文本下划线，并且还可以根据鼠标的移动来设置不同的文本格式3.5.6给图像添加边框在图像相关标记中应

8、用样式表，使得插入图像之后，在图像周围出现虚线边框的方法3.6套用CSS样式标签样式，例如段落标签

、表格标签

9、【CSS样式】菜单命令，然

10、后在子菜单中选择要套用的样式3.7CSS样式表的导出/导入导出样式以创建CSS样式表链接/导入外部样式表3.7.1导出样式以创建CSS样式表从当前文档中导出样式以创建新的CSS样式表，使其他文档可以应用这些样式选择【文件