css中边界和补白
来源:互联网 发布:钢琴教学视频 知乎 编辑:程序博客网 时间:2024/04/30 20:51
边界和补白
边界margin
和补白padding
(依据国内出版社的翻译惯例,margin被翻译成边界,padding被翻译成补白,译者依照习惯翻译。但译者认为,margin翻译成外边距,padding翻译成内边距更为直白和形象。你可以依据自己的习惯来适应这两种不同的译法。——译者注)是隔开元素最常用的两个属性。边界是元素外边的距离,而补白则是元素内部的距离。
为h2
改进代码如下:
h2 {
font-size: 1.5em;
background-color: #ccc;
margin: 1em;
padding: 3em;
}
你可以看到二级标题外围有一个字符的宽度,还很臃肿,因为在二级标题内部有3个字符宽度的补白。
元素的四边可以设置不同的值。margin-top
、 margin-right
、margin-bottom
、margin-left
、padding-top
、padding-right
、padding-bottom
和padding-left
是无需解释的属性(看看英文字面意思啦)。
盒状模型
边界、补白和边框(见下一页)是人尽皆知的盒状模型的组成所有部分。盒状模型是这样工作的:中间是元素盒子(在脑海中想像一下情形),从里到外依次包围着补白盒子、边框盒子和边界盒子。很显然地,如下所示:
Margin box(边界盒)
Border box(边框盒)
Padding box(补白盒)
Element box(元素盒)
没有必要全部使用上述三个外围的“盒子”,但如果你能记住盒状模型,你可以把它们应用到页面的每一个元素。
- css中边界和补白
- CSS边界和补白
- css的边界和补白
- css边界和填充
- 低版本IE浏览器补白和边界属性的设置问题
- CSS的边框与补白
- css解决select不能被遮盖和不能设置边框背景补白等样式的问题
- HTML&CSS之边界合并和边界溢出
- CSS元素的补白属性padding
- 【CSS学习】CSS中margin边界叠加问题及解决方案
- CSS 外补白(Margin) 内补白(Padding) 边框属性 定位(positioning)属性 布局(layout)属性
- CSS中margin边界叠加问题及解决方案
- CSS中margin边界叠加问题及解决方案
- CSS中margin边界叠加问题及解决方案(1)
- CSS中margin边界叠加问题及解决方案
- TCP和UDP中关于消息边界
- CSS边界与填充
- CSS设置边界
- memcpy函数用法
- Android自动化测试框架Robotium学习笔记
- Openfire S2S 连接建立与消息发送
- 去掉桌面图标阴影
- RedHat enterprise linux 5.3 X64下安装64位Oracle 11g (未测试)
- css中边界和补白
- 不再更新咯,hoho! ^_^
- Randomized Qruicksort
- Struts2源码分析--请求处理
- 杀进程批处理
- SCOM管理界面学习(借鉴别人的博客)
- JavaScript正则表达式
- AWR(Automatic Workload Repository)——分析(4)!
- vc助手 Edit VA Snippets