今天，第一次来到慕课学习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>
继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持，我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付
【学习笔记】第一次接触慕课
2016-01-30 16:25:40
浏览 3358
- 相关标签
- CSS3
随时随地看视频慕课网APP
相关课程
热门评论
-
至繁归于至简_2016-02-10 0
-
爱你是极好的2016-02-01 0
查看全部评论o(≧v≦)o
今天刚注册，还没开始，好紧张~哈哈