/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
/**
* YUI Reset
* @module reset
* @namespace
* @requires
*/
html {
color: #000;
background: #FFF;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
table {
border-collapse: collapse;...
准备工作
去年的时候,青云发表过 关于栅格系统的文章 . 我们知道网页的栅格系统是运用固定的格子设计版面布局,使其风格工整简洁. 视觉上来说,栅格系统能够将大块区域分割成小区域,清楚地展示页面的布局,并能够引导视觉线在各个板块之间扫描、阅读. 从信息上来说,栅格系统让信息的呈现方式更加直观,从而有效提高易读性.
但是大部分栅格系统是在水平方向上的布局,其实,我们的垂直方向也是有栅格系统的——也就是我们的“垂直韵律”.
垂直韵律的就像好比我们手上拿着的线格本子，有着一行行的网格线，安排着垂直方向上的文字排版。“排版中的空间就像是音乐里的节拍. ”音乐的节拍虽然有许多变化,但是几乎每首歌都会有一个固定的节拍来掌握整个歌曲的...
话不多说，记录下来是因为国庆遇打击太大，总是忘记很多东西，写在这里以便回忆。故不能成为教程。
重点一：
/*让所有内容居中*/
body, html{
margin:0px;
padding:0px;
text-align:center;
background-color:#FFFFFF;
}
/*主体区,这个DiV将包含其它所有容器DIV*/
#container{
position:relative;
margin:0px auto;
padding:0px;
width:760px;
text-align:left;
background-color:#FFFFFF;
}
重点二：要完成并排的左右两个浮动容器div时把这个两个div同时放入一个大浮动层中。这样才能撑大这个层
重点三:(clear:both);
