第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;}: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_盒模型