能看懂的自然懂看不懂的自然看不懂
本帖最后由 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页面宽
[*]
[*]
[*]
[*]
[*]
[*]
[*]复制代码
非常全面,感谢
http://bbs.destoon.com/static/image/smiley/default/shocked.gif
哇,好像非常厉害的样子! 不过还是不知道你想干什么!
不错,可以的
页面框架,做的不错
创意不错,就是太啰嗦了,而且实用性待考
是的,这个是一般标准化流程的
页:
[1]