南大软院二十一天成神计划
来源:互联网 发布:淘宝误删收藏宝贝恢复 编辑:程序博客网 时间:2024/05/17 22:39
今天学习了如何利用CSS进行网页布局,从基础的一列布局、两列布局到三列布局,网页设计是以传统纸媒为基础的,但是又有些区别,网页有一个自适应,可以根据浏览器的大小来改变自己的大小比例,各大网站诸如百度、腾讯、新浪的界面都是以这些为基础来设计的混合布局,自己写的混合布局的题目:
<title>混合布局编程挑战</title>
<style type="text/css">
body{ margin:0; padding:0; font-size:30px; color:#fff}
.top{height:200px;background:gray;}
.main{height:700px;background:red;}
.left{ height:700px;width:200px;background:blue;float:left;}
.right{height:700px;background:green;float:right;}
.foot{height:100px;background:orange;}
</style>
</head>
<body>
<div class="top">top</div>
<div class="main">
<div class="right">right</div>
<div class="left">left</div>
</div>
<div class="foot">foot</div>
</body>
刚才尝试了很久,想要再细分效果,可是总是不理想,很忧伤,明天再继续尝试吧,也可以看出,掌握的并不是很好,复杂一点就搞不出来,还需要学习的有很多~
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划
- 南大软院二十一天成神计划第二天
- 南大软院二十一天成神计划第三天
- 二十一天成神计划之小白第一天
- App Transport Security has blocked a cleartext HTTP (http://) resource load since it is insecure. Te
- hdoj 5568 sequence2 【dp + 高精度】
- arduino ide找不到目标文件
- 文件上传二之ajaxupload
- noip2015总结
- 南大软院二十一天成神计划
- Hibernate框架1---案例引入
- Hi~
- 计算器使用
- 针对Mandelbrot Set引发的函数迭代的思考与实验(2) 以及对连续量的认识
- 白话经典算法系列之一 冒泡排序的三种实现
- 对接alipay支付遇到的问题
- 体系编程、SOC编程那些事儿
- 蓝懿 iOS 技术交流和心得分享 11.21