首页 > 网站建设 >

网站制作常见的布局类型

发布时间: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所示。
好了,网站制作公司本文关于“
网站制作常见的布局类型”知识就分享到这里,谢谢关注,博纳网络编辑整理。
 
文章标题:网站制作常见的布局类型
本文地址:https://www.198bona.com/news/2644.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯