网页设计理论与实务 课件 第5、6章 CSS布局属性、 设计复杂布局网页.pptx

5-CSS布局属性;教学内容;一、标记分类;1.1 内联元素与块元素;1.1 内联元素与块元素;1.2 设置元素类型;1.3 特殊的元素类型;二、设置元素尺寸;2.1 设置元素高度;2.2 设置元素宽度;2.3伪元素;2.3伪元素;2.4设置文字等宽;2.4设置文字等宽;2.4设置文字等宽;2.5其他尺寸属性;三、分类属性;3.1设置元素类型;3.1设置元素类型;3.1设置元素类型;3.1设置元素类型;3.2 浮动元素（float）;3.2 浮动元素（float）;3.3 clear属性;3.3 clear属性;3.3 clear属性;3.4课堂思政案例;3.6 设置鼠标指针;四、盒子模型;4.1 外边距;4.1 外边距;4.1 外边距;4.2设置边框;4.2设置边框;4.2设置边框;4.2设置边框;4.3设置填充;4.3设置填充;4.4 盒子模型;五、表格样式;五、表格样式;五、表格样式;五、表格样式;五、表格样式;五、表格样式;五、表格样式;内容小结;随堂作业;随堂作业;6-设计复杂布局网页;教学内容;一、设计桌面浏览器布局;一、 设计桌面浏览器布局;1.1 迭代技术;1.2 课堂思政案例;1.3 引入占位容器;1.3 引入占位容器;1.3 引入占位容器;1.4 设计三行一列桌面浏览器;1.4 设计三行一列桌面浏览器;1.5 设计一行三列桌面浏览器;1.6 第二次迭代一行