能看懂的自然懂看不懂的自然看不懂

eelou

本帖最后由 eelou 于 2015-11-8 18:27 编辑

标准的全框架结构兼容 ie6-11 chrome .....

网页设计三步走 第一步 先搭建框架, 第二步 规划内容区块, 第三步 美化页面添加色彩,增加效果...
就这样简单从工程师再到室内装修师三步实现,看和代码demo

[ol]

Grid-DEMO

/*这里是演示样式*/

* {

    word-break: break-all;

    font-family: Verdana,Arial;

    -webkit-text-size-adjust: none;

}

body {

    margin: 0px;

    font-size: 12px;

    color: #333333;

    background: #FFFFFF;

}

.header {

    background: #333;

}

.content {

    background: #800;

}

.footer {

    background: #369;

}

.grid {

    background: #eee;

}

.grid div {

    height: 50px;

    line-height: 50px;

    background: #fff;

    margin-top: 5px;

    margin-bottom: 5px;

}

/*演示样式结束*/

页面宽为1200px ie6-11 chrome... 正常

页头 1190px

左边 590px

右边 590px

主内容区 1190px

左边 390px

右边 790px

290pxDIV-1 290px 强行换行class="clear"

-->

DIV-1 90px

DIV-2 90px

DIV-3 90px

DIV-4 90px

DIV-5 90px

DIV-6 90px

DIV-7 90px

DIV-8 90px

DIV-9 90px

DIV-10 90px

DIV-11 90px

DIV-12 90px

页尾 1190px

DIV-1 190px 1/6页面宽

DIV-2 190px 1/6页面宽

DIV-3 190px 1/6页面宽

DIV-4 190px 1/6页面宽

DIV-5 190px 1/6页面宽

DIV-6 190px 1/6页面宽

[/ol]复制代码

zhy007

非常全面，感谢

简简单单

  哇，好像非常厉害的样子！ 不过还是不知道你想干什么！

liupt

不错，可以的

龙在天涯

页面框架，做的不错

supet

创意不错，就是太啰嗦了，而且实用性待考

foxcvs

是的，这个是一般标准化流程的