eelou 发表于 2015-11-8 18:25:29

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

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

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

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

[*]
[*]
[*]
[*]
[*]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页面宽
[*]
[*]
[*]
[*]
[*]
[*]
[*]复制代码

zhy007 发表于 2015-11-8 20:37:00


非常全面，感谢

简简单单 发表于 2015-11-8 20:47:59


http://bbs.destoon.com/static/image/smiley/default/shocked.gif
哇，好像非常厉害的样子！ 不过还是不知道你想干什么！

liupt 发表于 2015-11-9 17:49:09


不错，可以的

龙在天涯 发表于 2015-11-10 08:49:53


页面框架，做的不错

supet 发表于 2015-11-10 09:36:30


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

foxcvs 发表于 2015-11-10 09:53:44


是的，这个是一般标准化流程的
页: [1]
查看完整版本: 能看懂的自然懂看不懂的自然看不懂