好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS学习笔记三_html/css_WEB-ITnose

CSS盒子模型:


早期的网页设计主要是表格,后来主要是div+css

盒子模型:

1.边框:border:

border-top、border-bottom、border-left、border-right

2.内边距:padding:

padding-top、padding-bottom、padding-left、pad ding-right

3.外边距:margin:

margin-top、margin-bottom、margin-left、margin-right


CSS的布局


语法:

float : none | left | right

取值:

none :  默认值 。对象不飘浮 left :  文本流向对象的右边 right :  文本流向对象的左边

语法:

clear : none | left | right | both

取值:

none :  默认值 。允许两边都可以有浮动对象 left :  不允许左边有浮动对象 right :  不允许右边有浮动对象 both :  不允许有浮动对象


 /*body{    因为浏览器的不同,肯能在开发时,改变body外边框的值margin:0px;}*/div{border:#000000;padding-top:10px;padding-bottom:50px;padding-left:100px;padding-right:150px;/*padding:10px 50px 100px 150px ;/*上右下左*/}#div_1{background-color:#FF0000;/*margin-left:200px;*/float:left;/**/}#div_2{background-color:#FF9900;float:left;/*clear:left;*/}#div_3{background-color:#3300FF;/*clear:right;*/}   	

1号盒子

查看更多关于CSS学习笔记三_html/css_WEB-ITnose的详细内容...

  阅读:31次