原创力文档- 1、本文档共37页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
任务一 了解CSS 子任务1 CSS概述 子任务2 样式解决了一个普遍的问题 子任务3 样式表极大地提高了工作效率 子任务4 多重样式将层叠为一个 任务二 CSS的基本语法 子任务1 CSS语法 子任务2 如何创建CSS 子任务3 CSS背景 子任务4 CSS文本 子任务5 CSS字体 子任务6 CSS列表 任务一 了解CSS 子任务7 CSS表格 子任务8 CSS轮廓 子任务1 CSS概述 1)样式定义如何显示HTML元素。 2)样式通常存储在样式表中。 3)把样式添加到HTML 4.0中，是为了解决内容与表现分离的问题。 4)外部样式表可以极大提高工作效率。 5)外部样式表通常存储在CSS文件中。 6)多个样式定义可层叠为一。 子任务2 样式解决了一个普遍的问题 子任务3 样式表极大地提高了工作效率 子任务4 多重样式将层叠为一个 1)浏览器默认设置。 2)外部样式表。 3)内部样式表(位于<head>标签内部)。 4)内联样式(在HTML元素内部)。 子任务1 CSS语法 1.值的不同写法和单位 2.引号的使用 3.多重声明 4.空格和大小写敏感 5.选择器的分组 6.派生选择器 7.id选择器 8.CSS类选择器 子任务2 如何创建CSS 1.外部样式表 2.内部样式表 3.内联样式 4.多重样式 子任务3 CSS背景 1.背景色 2.背景图像 3.背景重复 4.背景定位 5.关键字 表5-1 等价的位置关键字 表5-1 等价的位置关键字 6.百分数值 子任务3 CSS背景 7.长度值 8.背景关联 9.CSS背景属性(见表5-2) 表5-2 CSS背景属性 表5-2 CSS背景属性 子任务4 CSS文本 表5-3 CSS文本属性 表5-3 CSS文本属性 子任务5 CSS字体 表5-4 CSS字体属性 表5-4 CSS字体属性 子任务6 CSS列表 表5-5 CSS列表属性 表5-5 CSS列表属性 子任务7 CSS表格 表5-6 CSS表格属性 表5-6 CSS表格属性 子任务8 CSS轮廓 表5-7 CSS轮廓属性 表5-7 CSS轮廓属性 任务三 CSS框模型 子任务1 CSS框模型概述 子任务2 CSS内边距 子任务3 CSS边框 子任务4 CSS外边距 子任务5 CSS外边距合并 子任务1 CSS框模型概述 1.框模型概述 图5-1 框模型 子任务1 CSS框模型概述 图5-2 元素框尺寸的改变 1)内边距、边框和外边距可以应用于一个元素的所有边，也可以应用于单独的边。 子任务1 CSS框模型概述 2)外边距可以是负值，而且在很多情况下都要使用负值的外边距。 2.浏览器兼容性 3.术语翻译 (1)element 元素。 (2)padding 内边距，也有资料将其翻译为“填充”。 (3)border 边框。 (4)margin 外边距，也有资料将其翻译为“空白”或“空白边”。 子任务2 CSS内边距 表5-8 CSS内边距属性 表5-8 CSS内边距属性 子任务3 CSS边框 表5-9 CSS边框属性 表5-9 CSS边框属性 子任务3 CSS边框 表5-9 CSS边框属性 子任务4 CSS外边距 表5-10 CSS外边距属性 表5-10 CSS外边距属性 子任务5 CSS外边距合并 图5-3 外边距合并之一 子任务5 CSS外边距合并 图5-4 外边距合并之二 图5-5 外边距合并之三 图5-6 外边距合并之四 子任务5 CSS外边距合并 05(72-102)P31 yh_Embed_11.jpg 图5-7 没有外边距合并和有外边距合并效果对比
文档评论（0）