建网站_CSS布局模型框

　　CSS布局是一种新的布局风格，也被称为CSS+DIV(实际上是CSS+XHTML)布局。更大的优点是CSS用于为网站设计的块对象添加定位属性。在它被转换成AP元素后，对象可以放在web页面的任何位置，并且可以设置这些块的堆叠顺序。这样，网页上的每一张图片、每一段文字、每一张表格都可以被添加到CSS定义的块对象中，实现灵活多样的布局。营销网站建设价格CSS定义的AP元素还可以与JavaScript等脚本语言结合，产生各种动态效果。

　　Css框模型是用来描述Css中的块对象的模型。通过该模型，可以将CSS块对象的各种属性非常恰当、形象地展现出来，帮助网页设计人员了解CSS块布局的原理。盒子模型是CSS布局的基础。

　　1. 箱型模型结构

　　在CSS中，所有块状对象都被视为一个矩形框。矩形盒子的所有与位置相关的属性都被认为是盒子模型的一部分。箱体模型的结构如图4-5所示。

　　CSS定义的块对象由四个部分组成:边框区域、边框区域、填充区域和内容。使用CSS，您可以定义这些区域的大小，而不影响块对象的内容。在网页中，标准的CSS块对象高度公式如下所示。

　　标准的Css块对象宽度计算公式如下。

　　通过理解如何计算网页上块状对象的高度和宽度，您可以使用这些方法来定义这些对象在网页中的排列方式。

　　2 .界限

　　在Css中，边界也称为外部补丁。要定义块对象的边界，需要使用复合属性margin及其4模板网站建设多少钱个seed属性，如表4-25所示。

　　使用margin属性而不使用compound属性也可以为web对象设置4边边界值。这是通过为margin属性设置多个属性值来实现的。当为margin属性设置两个属性值时，第i个属性值定义网页对象的顶部和底部边界，而第二个属性值定义网页对象的左侧和右侧边界。其代码如下所示。

　　边距属性设置3个属性值时，个属性值定义网页对象顶部边界，另一个属性值定义网页对象左右边界，第三个属性值定义网页对象底部边界，代码如下:

　　当为margin属性设置4个属性值时，这4个属性值分别定义了网页对象的顶部、右侧、底部和左侧的边界宽度。代码如下所示。

　　3 .填充

　　在Css中，填充也被称为内部补丁。要定义块对象的填充，需要使用复合属性padding及其四个seed属性，如表4-26所示。

　　使用padding属企业网站 建设性而不使用compound属性，还可以为Web对象设置4个不同的填充值。该方法是为填充属性设置多个属性值。在填充类中【网站建设营销方案】当设置了两个属性值时，第l个属性值定义了web页面对象的顶部和底部的填充，而第二个属性值定义了web页面对象的左侧和右侧的填充。代码如下所示。

　　在为margin属性设置三个属性值时，个属性值定义了网页对象顶部的填充，第二个属性值定义了网页对象左右两侧的填充，第三个属性值定义了网页对象底部的填充。其代码如下。

　　当为margin属性设置4个属性值时，这4个属性值分别定义了网页对象的顶部、右侧、底部和左侧的填充宽度。代码如下所示。