CSS盒子模型、浮动与定位详解及应用.pptx

第五章CSS盒子模型、浮动和定位

本章内容块元素和行内元素CSS的盒子模型概念主要属性CSS的浮动左浮动右浮动CSS的定位绝对定位相对定位应用CSS相关知识做极目商城首页面

行内元素和块元素行内元素（inlineelement）特点是只占内容的宽度，默认不会换行，行内元素一般放文本或者其它的行内元素。常见内联元素spana块元素(blockelement)特点不管内容有多少，它要换行，同时沾满整行，块元素可以放文本，行内元素，块元素。常见块元素divpspanclass=s1span1hello,world/spanspanclass=s1span1hello,world/spanspanclass=s1span1hello,world/spandivclass=s2div1/divdivclass=”s2”div2/div

行内元素和块元素转换行内元素和块元素转换如果我们希望一个元素按照块元素方式显示 则：display：block；如果我们希望一个元素按照行内元素方式显示 则：display：inline；

行内元素和块元素区别行内元素只占内容的宽度，块元素内容不管内容多少要占全行。行内元素只能容纳文本和其它行内元素，块元素可以容纳文本，行内元素和块元素。（与浏览器类版本和类型有关）一些CSS属性对行内元素不生效，比如margin,