css切圖教程

時間  2019-12-14
標籤 css 教程 欄目 CSS 简体版
原文   原文鏈接

一、首先開始分析網頁的結構，一個網頁通常分爲三個大的部分:頂部header,內容content,頁腳footerhtml

 

頂部header:佈局

廣告宣傳banner;spa

導航欄nav;htm

內容content：圖片

兩列布局左部left;右部right;utf-8

頁腳footerit

二、如下是一個簡單的模板，往裏面套樣式就能夠了模板

 

 

<!DOCTYPE html>class

<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>

 

該來的總會來，只要踏踏實實作好如今的事情就行了。—.—

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程