首页手记【学习笔记】第一次接触慕课

【学习笔记】第一次接触慕课

标签：

CSS3

今天，第一次来到慕课学习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>