基于html5的app开发教程教学课件作者张暑军第3章2css3盒模型和布局.pptxVIP

CSS3盒模型和CSS布局基于HTML5的APP开发教程CSS3盒模型CSS3盒的类型CSS3盒的尺寸CSS3盒的边距CSS3盒内容的显示CSS3定位属性CSS3多列布局本讲内容盒模型规定了元素框处理元素内容、内边距、边框 和 外边距 的方式CSS边框属性blockblock类型元素的宽度占据整个浏览器Inlineinline类型元素的宽度等于其内容所在的宽度display属性可以改变生成的框的类型盒的类型height设置HTML元素的高度Max-height设置HTML元素的最大高度Min-height设置HTML元素的最小高度width设置HTML元素的宽度Max-width设置HTML元素的最大宽度Min-width设置HTML元素的最小宽度盒的尺寸外边距围绕在边框的外围空白外边距Margin属性设置外边距margin: top right bottom leftMargin值复制单边距框的四个边外边距margin值顺序及单个属性Margin-top：顶部外边距Margin-right：右侧外边距Margin-bottom：下部外边距Margin-left：左侧外边距外边距边框和内容之间的距离内边距Padding属性设置内边距padding: top right bottom left和外边距一样具有复制值效果内边距单边距框的四个单边框与内容之间的距离padding值顺序及单