内边距、边框和外边距
来源:互联网 发布:qq服务器返回数据错误 编辑:程序博客网 时间:2024/06/05 00:34
基本元素框
所有文档都生成一个矩形框,这成为元素框,它描述一个元素在文档布局所占的空间大小。因此,每个框影响着其他元素框的位置和大小。
宽度和高度
一个元素的width定义为从左内边界到右内边界的距离,height被定义为上边界到下内边界的距离。
注意:它们不能应用到行内非替换元素。例如,如果你想申明一个超链接的height的width,css兼容的浏览器必须忽略这些申明。
外边距和内边距
元素框在元素之间只提供了很少的空间。有3种方法可以在元素外围生成额外的空间“可以增加内边距,或者增加外边距。还可以同时增加内边距和外边距。某些情况下选择哪种方法并不重要。不过元素如果有背景,则会影响你的决定,因为背景会延伸到内边距,但不会延伸到外边距。
因此,为元素指定的内边距和外边距会影响元素的背景何时结束。如果为元素设置了背景色,则可以轻易看出它们的不同。
外边距
大多数正常流元素间出现的间隔都是因为存在元素外边距。设置外边距会在元素外创建额外的空白,空白通常指的是不能放其他元素区域,而且在这个区域中可以看到父元素的背景。设置外边距用margin
对元素外边距设置百分数值。百分数是相对于父元素的width计算的,所以如果父元素的width以某种方式发生改变,百分数也会改变。
0 0
- 内边距、边框和外边距
- 内边距、边框和外边距的关系
- 8.内边距、边框和外边距
- css 内边距 外边距 边框
- 边框 内边距及外边距
- width和height不包括内边距、边框或外边距
- CSS学习笔记8-内边距、边框和外边距
- CSS学习笔记:内边距、边框和外边距
- 盒模型、内外边距和边框
- 外边距,边框,填充
- 边框 内外边距
- 内边距和外边距
- 外边距和内边距
- 内边距和外边距
- jQuery获取元素宽高(内边距、边框和外边距)
- Css中内边距、边框和外边距的关系
- div+css之 css框模型 内边距 边框 外边距 外边距合并
- CSS框模型_内边距&边框&外边距
- gulp CSS合并、压缩与MD5命名及路径替换
- ICC7 软件窗口拖出界面问题的解决方式
- Java基础知识IO流(流操作规律)
- LeetCode笔记:206. Reverse Linked List
- 苹果开发者账号那些事儿(三)
- 内边距、边框和外边距
- String.replaceall正则表达式
- 线程系列(一)--基础
- 设计模式笔记:命令模式
- Python学习笔记14
- Android框架推荐
- 常用的正则表达式
- Hibernate使用数据库连接池
- objc利用block实现链式编程方法