早期的网页设计主要是表格,后来主要是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的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did106347