今天，第一次来到慕课学习web前端开发。
主要的笔记有：
1.CSS布局：一列布局：让布局居中 margin:0 auto;
两列布局：分为左右两边 float:left;float:right;
三列布局：左右固定，中间自适应大小 position:absolute;left:0;top:0;(左边)
position:absolute;right:0;top:0;(右边)
margin:0 300px 0 200px；(中间)
主要代码：
<style> body{margin:0px;padding:0px;} .left{width:200px;height:500px;background:#66CC99;position:absolute;left:0px;top:0px;} .middle{height:500px;background:#006699;margin:0 300px 0 200px;} .right{width:300px;height:500px;background:#00CCFF;position:absolute;top:0px;right:0px;} </style> <body> <div class="left">200px,固定</div> <div class="middle">中间自适应</div> <div class="right">300px固定</div> </body>
热门评论
-
至繁归于至简_2016-02-10 0
-
爱你是极好的2016-02-01 0
查看全部评论o(≧v≦)o
今天刚注册，还没开始，好紧张~哈哈