ID：52205739
大小：7.18 MB
页数：29页
时间：2020-04-02
2、/div>
3、如何显示以及如何相互交互。页面中所有元素都可以看成一个盒子，占据着一定的页面空间。一个页面就是由很多这样的盒子组成，这些盒子之间会互相影响，共同构成复杂的页面效果。在CSS中，一个独立的盒子（DIV）模型由margin（外边距）、border（边框）、padding（内边距）、content（内容）4个部分组成。如图：理解盒子模型-MarginMargin(外边距)：指边框以外留的空白（相对所在的容器）。例如：margin:50px;等于margin50px50px50px50px；
定义了段落的边外补白为50px,margin:50px;所以段落之间会有50px的间隔.
我是接下来的第二段
理解盒子模型-Borderborder简写属性在一个声明设置所有的边框属性。5、oublegreen}
Sometext
理解盒子模型-Padding内容与边框之间的空白间隔。示例：padding:50px;等于padding50px50px50px50px；定义了段落的边内补白
6、为50px,padding:50px;所以内容与边框间会有50px的间隔.
掌握如何使用浮动定位浮动布局我们利用float属性实现了定位，实际上当你把它用到7、个DIV块中，分别设置左右浮动实现。清除浮动容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。.clear{clear:both;}理解表现和结构分离结构（DIV）与表现（CSS）的分离所有HTML和XHTML页面都由内容结构表现这几方面组成。结构（DIV）与表现（CSS）的分离内容层：是页面实际要传达的真正信息，包含数据、文档或
8、者图片等。注意着里强调的“真正信息”是指纯粹的数据信息本身。结构层：是由文档中的主体部分，再加上结构化标记。表现层：是你赋予内容的一种样式，就是文档看起来的样子。CSS+DIV网站设计的优势首先，CSS的极大优势表现的简洁的代码，对于一个大型网站来说，可以节省大量带宽（速度加
此文档下载收益归作者所有
