文档介绍：第五章 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_盒模型