用DIV+CSS的方法进行网站页面排版设计,为什么DIV分割后在浏览器的上面会出现一段空白呢??

html-css017

用DIV+CSS的方法进行网站页面排版设计,为什么DIV分割后在浏览器的上面会出现一段空白呢??,第1张

一般有一些元素标签是有边框和边距的。所以你需要初始化。

* { padding: 0 margin: 0 border: 0 }/*最简单的*/

/*较好的*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0

padding: 0

border: 0

outline: 0

font-size: 100%

vertical-align: baseline

background: transparent

}

body {

line-height: 1

}

ol, ul {

list-style: none

}

blockquote, q {

quotes: none

}

blockquote:before,blockquote:after,

q:before, q:after {

content: ''

content: none

}

/* remember to define focus styles! */

:focus {

outline: 0}

/* remember to highlight inserts somehow! */

ins {

text-decoration: none

}

del {

text-decoration: line-through

}

/* tables still need 'cellspacing="0"' in the markup */

table {

border-collapse: collapse

border-spacing: 0

}

你都重复设置了啊,最后面又设置了一次:

body{ font-size:12pxtext-align:centermargin-top:30pxfont-family:Verdana}