2016-09-05 分类: 网站建设
网站建设以前常用表格来布局,而现在一些比较知名的网页设计全部采用的DIV+CSS来排版布局。DIV+CSS的好处可以使HTML代码更整齐,更容易使人理解,而且在浏览时速度也比传统的布局方式快,最重要的是它的可控性要比表格强得多。下面成都网站建设蜀风科技介绍常见的布局类型。
1、 使用CSS定位单行单列固定宽度
网站建设是单行单列固定宽度也是一列固定宽度布局,它是所有布局的基础,也是最简单的布局形式。一列固定宽度中,宽度的属性值是固定像素。
2、 一列自适应布局
网站建设的自适应布局是在网页设计常见的一种布局形式,自适应的布局能够根据浏览器窗口的大小,自动改变其宽度或高度值,是一种非常灵活的布局形式,良好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。自适应布局需要将宽度由固定值改为百分比。
3、 两列固定宽度布局
有了一列固定宽度作为基础,两列固定宽度就非常简单,我们知道DIV用于对某一个区域的标识,而两列的布局,自然需要用到两个DIV。网站建设两列固定宽度非常简单,两列的布局需要用到两个DIV,分别把两个DIV的ID设置为left与right,表示两个DIV的名称。首先为它们设置宽度,然后让两个DIV在水平线中并排显示,从而形成两列式布局。
5、 三列浮动中间宽度自适应布局
网站建设使用浮动定位方式,从一列到多列的固定宽度和自适应,基本上可以简单完成,包括三列的固定宽度。而在这里给我们提出了一个新要求,希望有一个三列式布局,其中左栏要求固定宽度并居左显示,右栏要求固定宽度并居右显示,而中间栏需要在左栏和右栏的中间,根据左右栏的间距变化自动适应。
文章名称:成都网站建设制作布局
网页网址:/news8/43558.html
网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有网站建设等
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容