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>

 

该来的总会来,只要踏踏实实做好现在的事情就好了。—.—

posted @ 2015-08-20 13:12  大发朵朵  阅读(1073)  评论(0编辑  收藏  举报