CSS盒子模型与浮动重点.pptVIP

Clear属性—3个属性值，left 清除元素左侧浮动 ，right 清除元素右侧浮动 ,both 清除元素两侧浮动 设置宽度值+溢出属性原理：修复IE浏览器bug，使受到浮动影响的元素获得布局，以此来消除浮动影响 * 横向两列布局的两种实现方式：1.两div均设置左浮动，使用margin设置两者间间距 2.一div设置左浮动，另一div设置右浮动 * CSS盒子模型与定位 主讲教师：李勤实 数字媒体技术系 主要内容 1 2 3 知识回顾 CSS盒子模型 4 CSS网页布局与定位 总结 知识回顾 1 什么是CSS？ CSS（Cascading Style Sheets）：层叠样式表，一种定义样式的语言，用于描述如何格式化和显示网页中的信息。真正的表现与内容完全分离，代码可读性强，样式可重复应用 2 CSS基本语法 CSS规则：选择器 属性1：属性值1; ...;属性n：属性值n; CSS选择器：基本选择器（标签、类和ID） 复合选择器（交集、并集、后代、伪类等等） CSS的盒子模型 为什么叫盒子？ 一切皆为盒子 0 CSS的盒子模型 盒子模型是CSS的基石之一，它指定元素如何显示以及盒子之间的关系。 页面上的每个元素都被浏览器看成是一个矩形的盒子，这个盒子由元素的内容、填充、边框和边界组成。 网页就是由许多个盒子通过不同的排列方式（上下排列，并列排列，嵌套排列）堆