《HTML5+CSS3网站设计基础教程》 - 教学大纲 下载本文

内容发布更新时间 : 2024/5/18 8:48:09星期一 下面是文章的全部内容请认真阅读。

.

第三章 CSS3入门

学习单元 CSS3入门 学时 8学时 1. 了解CSS3的发展历史以及主流浏览器的支持情况。 2. 掌握CSS基础选择器,能够运用CSS选择器定义标记样式。 学习目标 3. 熟悉CSS文本样式属性,能够运用相应的属性定义文本样式。 4. 理解CSS优先级,能够区分复合选择器权重的大小。 知识点 CSS3概述 CSS3发展历史 CSS3浏览器支持情况 CSS样式规则 学习内容 引入CSS样式表 CSS基础选择器 字体样式属性 文本外观属性 CSS层叠性和继承性 CSS优先级 了解 √ √ √ 掌握 √ √ √ 重点 √ √ √ √ 难点 √ √ √ 第四章 CSS3选择器

学习单元 CSS3选择器 学时 8学时 1. 掌握CSS3中新增加的属性选择器,能够运用属性选择器为页面中的元素学习目标 添加样式。 .

.

2. 理解关系选择器的用法,能够准确判断元素与元素间的关系。 3. 掌握常用的结构化伪类选择器,能够为相同名称的元素定义不同样式。 4. 掌握伪元素选择器的使用,能够在页面中插入所需要的文字或图片内容。 5. 掌握CSS伪类,会使用CSS伪类实现超链接特效。 知识点 E[att^=value] 属性选择器 E[att$=value]属性选择器 E[att*=value]属性选择器 子代选择器(>) 兄弟选择器(+、~) 学习内容 :root选择器 :not选择器 :only-child 选择器 :first-child和:last-child选择器 :nth-child(n)和:nth-last-child(n)选择器 :nth-of-type(n).

了解 掌握 √ 重点 难点 √ √ √ √ √ √ √ √ √ √ √ .

和:nth-last-of-type(n)选择器 :empty选择器 :target选择器 :before选择器 :after选择器 链接伪类 √ √ √ √ √ √ √ 第五章 CSS盒子模型

学习单元 CSS盒子模型 学时 8学时 1. 掌握盒子的相关属性,能够制作常见的盒子模型效果。 2. 掌握背景属性的设置方法,能够设置背景颜色和图像。 学习目标 3. 理解渐变属性的原理,能够设置渐变背景。 4. 熟悉CSS控制列表样式的方式,能够运用背景图像定义列表项目符号。 知识点 认识盒子模型

标记 盒子的宽与高 学习内容 边框属性 边距属性 box-shadow属性 box-sizing 属性 √ √ √ √ √ 了解 掌握 √ 重点 √ √ 难点 .

.

设置背景颜色 设置背景图像 背景与图片不透明度的设置 设置背景图像平铺 设置背景图像的位置 设置背景图像固定 设置背景图像的大小 设置背景的显示区域 设置背景图像的裁剪区域 设置多重背景图像 背景复合属性 线性渐变 径向渐变 重复渐变 √ √ √ √ √ √ √ √ √ √ √ √ √ √ 第六章 浮动与定位

学习单元 浮动与定位 学时 8学时 1. 理解元素的浮动,能够为元素设置浮动样式。 学习目标 2. 熟悉清除浮动的方法,可以使用不同方法清除浮动。 3. 掌握元素的定位,能够为元素设置常见的定位模式。 学习内容 知识点 了解 掌握 重点 难点 .