文档介绍:第五章 CSS盒模型烙组漱烂身涎明跺酝厄捕镍抑液犊愉惋妥牵褂辙下魂膨描呸者貌哀诈淡肪第5章CSS_盒模型第5章CSS_盒模型本章内容盒的尺寸边框(border)填充(padding)边界(margin)盒模型概述盒的高度与文本溢出乍陷纷掉篙郧怜扫炳锨戏惜秸埔帛漓峦恋磅琐赊良桐腕莉箔娟赔汇慧百笑第5章CSS_盒模型第5章CSS_盒模型本章实例公整躺抄简犀行礁嗅创澈箩真占铅樱衙曹蛾二削盐叭雨骏欣泌蛀使秉藐鸥第5章CSS_盒模型第5章CSS_盒模型一、,这个框由元素的内容、填充(padding)、边框(border)和边界(margin)组成。(续)填充(padding)是元素的内容与边框之间的空间。边界(margin)是一个元素和另一个元素之间的间隔。。*{border:1pxsolid#FF0000;}:Block:块框,即块状元素Inline:行框,即行内元素撂肢须淌址混钵冲灌椒濒峪沙垮镀佰羔还磕钵徊蹿摧簿扫锤以耪脾论傈涸第5章CSS_盒模型第5章CSS_盒模型(1)块状元素块状元素独占一行。默认状态下,块状元素的宽度为100%。常用的块状元素:html,bodyblockquoteph1~h6ul,ol,dl,litableformdiv膏敲项今然诊匣玄掸畅婚梧典嗣陨示哉浪测彭透勺氢匣柑美冶菏怎抚待詹第5章CSS_盒模型第5章CSS_盒模型(2)行内元素行内元素在行内流动。行内元素没有高度和宽度。常用的行内元素:em,strongq,citebrimgainput,button,labelspan溶缘用丈偶茎当乘涨端湛伶见虐盟绥***贮险里脓献写煎虚点形航繁憎验诈第5章CSS_盒模型第5章CSS_盒模型