html03-盒子模式
来源:互联网 发布:淘宝店铺认证复核2017 编辑:程序博客网 时间:2024/05/01 13:36
盒子模式:从CCS的角度,每一个元素都是一个盒子
(图中蓝色背景的边界应该是边框,图画错了。。。)
很容易理解,内容区就是元素里面的value的区域,补白就是padding控制的区域,边框就是border控制的,而边界就是margin控制的。
我们从外向里看。边界很好理解,元素与元素之间的距离,
margin的使用:
margin: 0px 10px 0px 10px;(上,右,下,左)
margin:0px 10px;(上下都是0px,左右都是10px)
margin:10px;(上下左右都是10px)
margin-left:10px;(左边界10px)
当然还有上下右(top,bottom,right)的,此处不举例了。
边框就是border,可以控制设置颜色、宽度、风格,
补白和边界差不多,这两个都是透明的都是控制元素的空间距离,padding的用法和margin一样
内容区:可以设置width和height控制内容区的大小
从盒子模式很容易理解width,padding,border,margin这些属性设置的作用。
阅读全文
1 0
- html03-盒子模式
- html03
- HTML03-表单
- CSS盒子模式解析
- 理解CSS盒子模式
- css盒子模式
- CSS盒子模式
- CSS-盒子模式
- 盒子的计算模式
- CSS盒子模式详解1
- CSS盒子模式详解二
- CSS盒子模式(Box Model)
- 彻底弄懂CSS盒子模式
- CSS盒子模式(Box Model)
- CSS盒子模式全解
- 彻底弄懂CSS盒子模式
- 彻底弄懂CSS盒子模式
- 彻底弄懂CSS盒子模式
- MySQL和Oracle的group by的异同
- Lua爬坑手记
- [转]QImage的浅拷贝与深拷贝 -- Deep Copy
- [转]CSDN-markdown编辑器语法——字体、字号与颜色
- 超级字符串
- html03-盒子模式
- 如何用位运算符(~)和数据运算符(-)来计算表示n + 1和n
- 点九图的制作方法
- java作用域public protected private,以及不写时的区别
- 01 Hibernate测试
- linux中class_create和class_register说明
- Kaggle竞赛:泰坦尼克号灾难数据分析简单案例
- LeetCode
- 虚拟机文件共享