南大软院二十一天成神计划

来源:互联网 发布:淘宝误删收藏宝贝恢复 编辑:程序博客网 时间: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>

刚才尝试了很久,想要再细分效果,可是总是不理想,很忧伤,明天再继续尝试吧,也可以看出,掌握的并不是很好,复杂一点就搞不出来,还需要学习的有很多~

0 0
原创粉丝点击
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防,我是瞎子 wlan密码忘了怎么办 孩子多动怎么办呢 孩子性格太内向怎么办 孩子脾气暴躁易怒怎么办 小孩有点叛逆应怎么办 小孩太叛逆怎么办关住 对不听话的孩子怎么办 孩子在学校不听话怎么办 孩子叛逆不回家怎么办 孩子厌学怎么办青春期叛逆 孩子青春期叛逆家长怎么办 孩子老哭不听话怎么办 8岁宝宝不听话怎么办 儿孑不听话叛逆怎么办 孩子太小不听话怎么办 得了只有很紧张怎么办 内向的妈妈孩子怎么办 对孩子没有耐心怎么办 孩子心理有问题怎么办 孩子心里有问题怎么办 父母打架我该怎么办 爸爸妈妈要离婚怎么办 父母吵架怎么办动手了 父母因为钱吵架怎么办 父母吵架孩子该怎么办 特别倔强的孩子怎么办 孩子胆小不自信怎么办 孩子不自信家长怎么办 二年级孩子厌学怎么办 儿童注意力不集中怎么办 小学数学成绩差怎么办 孩子英语成绩差怎么办 小学成绩差初中怎么办 小孩一年级成绩不好怎么办 孩子的记忆力差怎么办 普法考试没有考怎么办 小孩迷上玩手机怎么办 营养师证取消了怎么办 变频器输出缺相怎么办 体育中考来月经怎么办 不动精子率低怎么办