HTML CSS DIV网页设计与布局（第3版）（微课版） 课件 第12章 控制元素布局.pptx

第12章控制元素布局;12.1块级元素和内联元素;12.1.1块级元素和内联元素的概念;12.1.2div元素和span元素;【示例12-1】div元素的使用。;2．span元素;【示例12-2】div元素和span元素的不同。;12.2定位;12.2.1定位模式;12.2.2偏移;12.2.3综合应用;1．静态定位;2．绝对定位;3．相对定位;12.2.4定位元素的层叠顺序;【示例12-6】为不同元素定义不同的层叠顺序。;12.3浮动;12.3.1浮动的概念;12.3.2设置浮动;【示例12-7】为元素设置左浮动。;12.3.3清除浮动;【示例12-8】清除元素的浮动效果。;12.4溢出与剪切;12.4.1设置溢出效果;【示例12-9】对元素设置不同的溢出处理方式。;12.4.2设置水平方向内容超出范围的处理方式;【示例12-10】设置元素内容在水平方向超出范围的处理方式。;12.4.3设置垂直方向内容超出范围的处理方式;【示例12-11】设置元素内容在垂直方向超出范围的处理方式。;12.4.4内容的剪切;【示例12-12】对图片进行剪切显示。;12.5对象的显示与隐藏;【示例12-13】设置对象的显示方式。;12.6小结