css切图教程
1、首先开始分析网页的结构,一个网页一般分为三个大的部分:顶部header,内容content,页脚footer
顶部header:
广告宣传banner;
导航栏nav;
内容content:
两列布局左部left;右部right;
页脚footer
2、以下是一个简单的模板,往里面套样式就可以了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>布局</title>
</head>
<body>
<div class="container">//一个网页就是一个大的容器
<header>//顶部,一般是负责导航栏和banner
<nav>
</nav>
<div class="banner">
<p>此处一般放图片</P>
</div>
</header>
<div class="page">//用一个div把整个页面包含起来
<div class="left">//这里的布局可以是上下也可以是左右
</div>
<div class="right">
</div>
</div>
<footer>
</footer>
</div>
<body>
</html>
该来的总会来,只要踏踏实实做好现在的事情就好了。—.—