Web前端技术项目式教程课件 任务三 使用DIV+CSS实现中华传统文化网站首页结构布局.pptxVIP

Web前端技术项目式教程

（HTML5+CSS3+Flex+Bootstrap）

任务三

使用DIV+CSS实现中国传统文化网站首页布局

知识目标1熟悉CSS的基本语法规则。2熟悉盒模型的基本原理。3了解CSS的层叠和继承。

能力目标1掌握使用CSS选择器获取网页元素。2掌握使用CSS盒模型、区块、浮动、定位等设计网页布局。

素质目标1培养学生对中华优秀传统文化的深刻理解和认同。2培养学生具有良好的职业道德，根据《中华人民共和国网络安全法》制作发布网页信息。

思维导图

任务描述李明编写完中华传统文化网站首页的HTML代码后，需要对网页进行美化。他使用的“装饰工具”是CSS。本任务的具体要求是使用CSS对中华传统文化网站首页内容进行定位。

知识引入1.CSS规则基本语法2.CSS选择器3.CSS基本语法规则的应用方式4.CSS的层叠和继承5.CSS盒子模型6.CSS盒子的定位机制7.DIV+CSS布局剖析

1.CSS规则基本语法CSS规则由两个主要的部分构成：选择器以及一条或多条声明。其中，选择器是连接HTML元素与样式之间的纽带，它规定了样式作用在哪个HTML元素上。每条声明由一个属性和一个属性值组成，属性和属性值被冒号分开，以分号结束。

2.CSS选择器CSS选择器分为基本选择器和高级选择器。（1）基本选择器基本选择器分为标签选择器、类选择