网站首页之早期布局

Posted 有深度

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了网站首页之早期布局相关的知识，希望对你有一定的参考价值。

网站首页之早期布局方法，虽然现在基本不用了，但是我感觉还是应该知道的，说你不定哪一年的哪一天这种布局格式又火了。不排除这种可能，就像十年之前非常流行的喇叭裤一样，说不定十年之后这种网站布局方式又火了呢？，至少值得收藏。当然，后期还会给出目前计算机行业比较流行的网站布局方式。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>float</title>
	<style type="text/css">
	*{
		margin: 0px;
		padding: 0px;
	}
	.index{
		width: 960px;
		margin: 0px auto;
	}
	.logo{
		height: 160px;
		background-color: red;
	}
	.nav{
		height: 45px;
		background-color: green;
	}
	.scroll{
		height: 30px;
		background-color: yellow;
		line-height: 30px;
	}
	.con{
		height: 450px;
		background-color: skyblue;
	}
	.con-left{
		float: left;
		width: 36%;
		height: 450px;
		background-color: #123;
	}
	.con-center{
		float: left;
		width: 36%;
		height: 450px;
		background-color: red;
		margin-left: 0.5%;
	}
	.con-right{
		float: right;
		width: 27%;
		height: 450px;
		background-color: #789;
	}
	.top{
		height: 223px;
		background-color: #afc;
	}
	.bottom{
		margin-top: 5px;
		height: 222px;
		background-color: #d0f;
	}
	.footer{
		height: 55px;
		background-color: #254;
	}
	</style>
</head>
<body>
	<div class="index">
		<div class="logo"></div>
		<div class="nav"></div>
		<div class="scroll">
			<marquee behavior="" direction="">重要通知</marquee>
		</div>
		<div class="con">
			<div class="con-left">1</div>
			<div class="con-center">2</div>
			<div class="con-right">
				<div class="top">
					上
				</div>
				<div class="bottom">
					下
				</div>
			</div>
		</div>
		<div class="footer"></div>
	</div>
</body>
</html>

　　效果图在这儿，太丑，但是技术真的很实在。

以上是关于网站首页之早期布局的主要内容，如果未能解决你的问题，请参考以下文章

如何通过单击片段内的线性布局从片段类开始新活动？下面是我的代码，但这不起作用

网站就必须用响应式布局吗？MVC视图展现模式之移动布局

Wordpress - 将代码片段包含到布局的选定部分的插件

有没有更聪明的方法将布局绑定到片段？

android片段表格布局

重新创建片段布局