第5讲CSS级联样式表(免费阅读).pptVIP

第5讲 CSS 级联样式表 主要内容和要求 内容: CSS 样式表的使用方法和技巧 文本样式、超级链接样式和页面元素标签样式的创建与应用 样式编辑、分级和共享 CSS 样式表文件 要求 数量掌握 CSS 样式表的创建和应用 了解利用代码编辑方式修改 CSS 样式表 CSS 的基本概念 Cascading Style Sheets，CSS，也称为CSS样式表或层叠样式表、级联样式表。 和 Word 中样式为同一个概念，可对网页页面内容进行修饰，不同之处是增加了设置超级链接、表单元素属性和其它页面属性。 是将文字、超级链接和表单元素等页面元素统一为相同风格的管理工具。 一、创建文本的CSS样式表 打开 css1.htm 选菜单?窗口?CSS样式 或右击编辑窗口?CSS样式表 ?新建样式表 使用CSS选择器 a:link：文字链接样式 a:visited：点击过链接后样式 a:hover：鼠标悬停在链接上时的样式 a:active：文字链接处于激活状态时样式 打开link.htm 进行样式设置 创建HTML标签的CSS样式 打开 htmlcss.htm 文件，创建样式表 CSS样式表修改 CSS样式表分组 途径： 用CSS样式面板中添加样式 通过代码编辑器进行设置 创建超级链接的big和small样式 打开cssgroup.htm文件 样式表文件共享 导出样式表到文件： 打开 css1.htm， 导入样式表到文件 打开adds.htm文件， 应用导入的样式表 通过新建窗口建立样式表 菜单?新建?窗口 * 选择创建自定义样式表，输入名称“.p9” 选仅对该文档，然后单击确定 应用 CSS样式 应用 效果 CSS代码 右击编辑窗口 设置样式后的效果 选编辑样式表 预览效果 a.link a.hover a.active a.visited 设置input标签的类型 设置input标签的边框 设置input标签的背景 按下面的样式表 代码设置select 标签样式 操作完成后得到 的样式表代码 按右边的样式代码 设置textarea控件的 样式 在浏览器 的预览效果 打开 css1.htm 选中要编辑的样式 进行编辑 选编辑样式表，出现右图的界面 按以下的要求分别建立样式 a.big的样式要求 a.small 的样式要求 样式应用 完成后的效果 导出完成 出现如下界面 *