CSS盒子模型

可以把html页面上每个标签看做是一个盒子。
盒子相关的属性:
宽度和高度(width和height): 决定这个盒子的容量
内边距(padding): 盒子边框与内容的距离
边框(border): 盒子的厚度
外边距(margin): 盒子与盒子之间的距离

CSS盒子模型_第1张图片
屏幕快照 2017-02-06 上午10.40.31.png


盒子模型




div1
div2
CSS盒子模型_第2张图片
屏幕快照 2017-02-06 上午10.40.59.png


主页面



    
        
            
            
        
    






CSS盒子模型_第3张图片
屏幕快照 2017-02-06 上午10.40.48.png


css定位




div1
div2
div3
网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内 网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内 网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内容网站内









































立刻咨询立刻咨询立刻咨询立刻咨询立刻咨询立刻咨询立刻咨询
CSS盒子模型_第4张图片
屏幕快照 2017-02-06 上午10.40.24.png


模拟QQ登陆页面




用户名:
密  码:

你可能感兴趣的:(CSS盒子模型)