码迷,mamicode.com
首页 > Web开发 > 详细

css切图教程

时间:2015-08-20 14:50:19      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

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

css切图教程

标签:

原文地址:http://www.cnblogs.com/wuxn/p/4744876.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!