网站制作常见的布局类型_博纳网络深圳网站建设公司

当前位置：

发布时间：2019-04-27

文章编辑：网站建设文章来源：建站行业资讯浏览量：次

网站制作常见的布局类型，现在一些比较知名的网页设计全部采用Div+CSS来排版布局，Div+CSS的好处可以使HTML代码更整齐，更容易使人理解，而且页面加载速度也比传统的布局方式快。最重要的是，它的可控性要比表格强得多。深圳网站制作公司下面介绍常见的布局类型。
一列固定宽度一列式布局是所有布局的基础，也是最简单的布局形式。一列固定宽度中，宽度的属性值是固定像素。下面举例说明一列固定宽度的布局方法，具体步骤如下。
❶在HTML文档的<head>与</head>之间相应的位置输入定义的CSS样式代码，如下所示。< style> #Layer{ background- color:# 00cc33; border: 3px solid #ff3399; **width: 500px;**

** height: 350px;** } </ style>

网站制作公司提示使用background-color:#00cc33;将Div设定为绿色背景，并使用border:3solid#ff3399;将Div设置粉红色的3px宽度边框，使用width:500px;设置宽度为500像素固定宽度，使用height:350px;设置高度为350像素。
❷然后在HTML文档的<body>与<body>之间的正文中输入以下代码，给Div使用了Layer作为id名称。
<divid="Layer">1列固定宽度</div>
❸在浏览器中浏览，由于是固定宽度，无论怎样改变浏览器窗口大小，Div的宽度都不改变，如图10-7和图10-8所示。