企业网站制作与维护-06-v1.0题库.pptVIP

第六章 层叠样式表基础;表单的基本语法？ 表单元素包括哪些？语法分别是什么？ 表单中只读和禁用对应的属性是什么？ 创建一个登录界面需要哪些表单元素？ iframe框架的基本语法？ ;了解CSS样式表分类 理解CSS选择器 掌握CSS的基本语法;本章结构;层叠样式表 CSS：Cascading Style Sheet 一种标记语言，不需要编译，可以直接由浏览器执行 主要用于布局和美化网页;实现内容和样式的分离，便于团队开发;实现样式复用，提高开发效率;页面的精确控制，实现精美、复杂页面 更利于搜索引擎的搜索 内容和样式分离，减少Web页面代码量 Web页面内容结构更加突出;外观美化 布局、定位;CSS基本语法 CSS代码规范 代码字母小写 使用“/*注释内容*/”添加必要的注释;内部样式表 行内样式 在HTML标签中直接使用style属性设置样式 嵌入样式 也称内嵌样式，包含在head和/head之间的style标记内 适用于单个页面文件中同一类型标记的样式;外部样式表 单独的一个CSS文件 控制网站的整体风格 页面通过链接方式把CSS文件中的样式应用到页面;标签选择器 对页面内某类标签的内容进行修饰时，使用标签选择器;类选择器 任何标签都可以应用类选择器样式 提高代码利用率，提高效率，减少页面代码量 样式的叠加与继承;ID选择器;集体声明：将样式相同的CSS选择器同时声明;对特定位置的HTML标签进行声明 可以有效的减少标签id和class属性的应用 方便设置特殊位置标签内的子标签内容样式;CSS样式表优先顺序 ID选择器＞类选择器＞标签选择器 选择器类型相同时，按照代码应用顺序，后应用的样式覆盖先应用的样式 CSS行内样式在所有样式表中优先级最高;不同类型选择器优先级示例;body h2静夜思/h2 p床前明月光nbsp;nbsp;nbsp;nbsp; span疑是地上霜/span/p p举头望明月nbsp;nbsp;nbsp;nbsp;低头思故乡/p /body;后应用的样式覆盖先应用的样式示例;CSS样式表分为几类，分别是什么？ CSS样式表选择器分为几类，分别是什么？ CSS样式表的优先级的顺序是什么？;内部CSS样式表的创建 新建样式表 “新建CSS规则”对话框 输入名称点击确定，出现“CSS规则定义”;外部CSS样式表的创建 方法一 “文件”→“新建” 在“新建文档”中选择“空白页”，“页面类型”选择“CSS” 在CSS面板中选择“新建CSS规则”按钮创建样式 方法二 在CSS面板中选择“新建CSS规则”按钮 在“新建CSS规则”的规则定义中选择“（新建样式表文件）”;本章总结;第六章 层叠样式表基础;需求描述 掌握几种CSS样式表选择器 掌握CSS样式表设置页面标签 实现思路 使用Dreamweaver软件打开“瑞丽家居设计”素材页面 新建CSS规则 使用CSS设置文本的字体、大小、颜色等 制作鼠标在链接文字上方悬停时，产生变色、变形效果等 设置文字下划线、顶划线和删除线等;学员练习 使用Dreamweaver软件打开“瑞丽家居设计”素材页面 新建CSS规则，并设置CSS样式表 保存页面，在浏览器中浏览;需求描述 掌握几种CSS样式表选择器 掌握CSS样式表设置页面标签;实现思路 新建HTML文档，在页面中插入一个2行2列的表格 设置表格宽度为450px，合并第一列2个表格 在表格相应位置输入文本内容 新建样式表，并设置样式 所有字体为12px “《无题》、网络游戏、单机游戏”样式为??体为15px，粗体 “作者：李商隐”的样式为字体大小12px、粗体 “魔兽争霸”、“极品飞车”的样式为字体颜色为红色 “魔兽世界”、“问道”的样式为字体隶书 诗词第一句和最后一句字体颜色为蓝色 ;学员练习 新建HTML文档，在页面中插入的表格 新建样式表，并设置样式 保存页面，在浏览器中浏览