3.CSS页面样式设计概要.ppt

盒子模型和定位 内边距属性 元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性 设置元素的上内边距。 padding-top 设置元素的右内边距。 padding-right 设置元素的左内边距。 padding-left 设置元素的下内边距。 padding-bottom 简写属性。作用是在一个声明中设置元素的所内边距属性。 padding 描述 属性 盒子模型和定位 外边距属性 围绕在元素边框的空白区域是外边距，控制该区域最简单的属性是 margin属性 设置元素的上外边距。 margin-top 设置元素的右外边距。 margin-right 设置元素的左外边距。 margin-left 设置元素的下外边距。 margin-bottom 简写属性。在一个声明中设置所有外边距属性。 margin 描述 属性 盒子模型和定位 定位 CSS 定位属性允许你对元素进行定位，也就是HTML控件进行布局定位 主要有四种基本的定位机制： 普通流、浮动、绝对定位、相对定位 除非专门指定，否则所有框都在普通流中定位，也就是说，普通流中的元素的位置由元素在 HTML 中的位置决定，而绝对、相对定位和浮动都是在普通流之上 盒子模型和定位 DIV 普通流定位效果 默认都是普通流定位，并且自动换行 盒子模型和定位 框1右边浮动在页面上，其他两个框默