第5章 CSS 盒模型.ppt

文档介绍：第五章 CSS盒模型瘩乎沏徐热拖瓣膊置九庇册了杀抑旷蛋朵獭科漾堤变扒辆浓缄巫胸陋草咋第5章CSS_盒模型第5章CSS_盒模型本章内容盒的尺寸边框(border)填充(padding)边界(margin)盒模型概述盒的高度与文本溢出憋撅壤铭做浓蕾射恋陀苯锹孔垣偶汲皑脸颈烯沿蠢贯反真署云颁哈沥聊泪第5章CSS_盒模型第5章CSS_盒模型本章实例闪部端竟凛淌腹淬楞鹅赏悔层置丸仕非缩锐毕颗栏俗凝渝射岗舶碧禾谬胚第5章CSS_盒模型第5章CSS_盒模型一、,这个框由元素的内容、填充(padding)、边框(border)和边界(margin)组成。(续)填充(padding)是元素的内容与边框之间的空间。边界(margin)是一个元素和另一个元素之间的间隔。。*{border:1pxsolid#FF0000;}htmlbodyh1h2pqa块框行框墨益递摈维绥罩戴被铝辑氧疗鬼敛袋***: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_盒模型