搬砖中的小事之前端(二)--margin属性信手拈来的使用--
来源:互联网 发布:设计师 知乎 编辑:程序博客网 时间:2024/05/17 16:13
margin:这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度
例子 1:
margin:10px 5px 15px 20px;
上外边距是 10px
右外边距是 5px
下外边距是 15px
左外边距是 20px
例子 2:
margin:10px 5px 15px;
上外边距是 10px
右外边距和左外边距是 5px
下外边距是 15px
例子 3:
margin:10px 5px;
上外边距和下外边距是 10px
右外边距和左外边距是 5px
例子 4:
margin:10px;
所有 4 个外边距都是 10px
每次写margin要么想不起来记不住,去查,百度,要么问旁边同事,乱七八糟的,其实也不一定非要死记硬背的记住它,没有太大的意义,但是如果一看到立刻就反应过来怎么用,也许这才是我们想要的·····
1)任何时候第一个都是上外边距的;
2)只有一个值,上下左右都是该值;
3)四个值的时候,顺时针–上右下左;
4)少于四个值的时候,除非人为刻意设置,否则仅仅上下对应–左右对等;
阅读全文
0 0
- 搬砖中的小事之前端(二)--margin属性信手拈来的使用--
- 搬砖中的小事之前端(一)--name和value和type的区别
- 搬砖中的小事之工具(二)--tomcat端口被占用问题的解决
- 搬砖中的小事之代码(四)--useGeneratedKeys的理解与使用
- 搬砖中的小事之代码(一)--枚举
- 搬砖中的小事之工具(一)--secureCRT中文乱码问题的解决
- 搬砖中的小事之代码(五)--maven项目的各种异常以及解决办法
- 搬砖中的小事之代码(七)---设置数据库中非空字段的默认值
- 搬砖中的小事之代码(十)--EasyUI多条件组合查询的实现
- 搬砖中的小事之代码(二)--报错Consider defining a bean of type...in your configuration
- 搬砖中的小事(四)之工具--通过打开的文件进入其所在的目录配置
- 搬砖中的小事之代码(九)--改进八的客户编码随机串的生成方法
- 搬砖中的小事之代码(八)--客户编码6位数的随机串的生成和登记时间的生成
- 搬砖中的小事之代码(六)--列表显示的字段与数据库中字段类型不匹配,需要在查询后进行简单转换
- 搬砖中的小事之工具(三)--Eclipse报错The default workspace“xxxx” is in use or cannot be created Please choose...
- CSS中的margin属性
- CSS属性之margin
- CSS属性之margin
- linux(ubuntu)学习(一)
- 51nod 1298 圆与三角形(计算几何)
- VS2013 PreEmptive Dotfuscator and Analytics 使用
- error: unused parameter
- HDUEddy's research I
- 搬砖中的小事之前端(二)--margin属性信手拈来的使用--
- Play framework模板引擎
- BaseAdapter 初探
- 【Jdk】Linux系统下jdk安装
- opencv viz module example
- CC2640R2F BLE5.0 TI-RTOS概述
- 纯CSS美化单复选框(checkbox、radio)
- 多线程的优缺点
- ng2 angular/cli