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>

</head>

<body>

<div class="container">//一个网页就是一个大的容器

<header>//顶部，通常是负责导航栏和banner

<nav>

</nav>

<p>此处通常放图片</P>

</div>

</header>

<div class="page">//用一个div把整个页面包含起来

<div class="left">//这里的布局能够是上下也能够是左右

</div>

</div>

</footer>

</div>

<body>

</html>

该来的总会来，只要踏踏实实作好如今的事情就行了。—.—