黑松山资源网 Design By www.paidiu.com
边框的外面可以有一层边外补白(margin),边外补白可以把块级元素分开.边外补白定义了围绕某种元素(elements)的空白.
可以查看盒模式,了解边外补白和边内补白.
边外补白分为上边外补白(top),下边外补白(bottom),左边外补白(left),右边外补白(right).
边外补白只有宽度width一种属性.
margin -- 定义边外补白
取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 边外补白宽度
inherit: 继承
初始值: 0
继承性: 否
适用于: 所有元素,除了 table-caption, table 和 inline-table
margin: 边外补白
margin-width的取值
<length>: 长度表示法
<percentage>: 百分比表示法,margin百分比的计算是基于生成的框的包含块的宽度.
auto: 自动
猴子提示: margin边外补白可以取负值;边外补白是看不到的,因为它本身是透明的.
示例
为margin-width指定一个值
margin: margin-top/margin-right/margin-bottom/margin-left;
p#onemargins
{
margin:12px;
}
所有边外补白全部为12px
等价于下面的定义
p#onemargins
{
margin-top-width:12px;
margin-right-width:12px;
margin-bottom-width:12px;
margin-left-width:12px;
}
为margin-width指定两个值
margin: margin-top/margin-bottom margin-right/margin-left;
p#threemargins
{
margin:12px 5%;
}
上下边外补白是12px,左右边外补白是5%(相对于整个页面).
等价于下面的定义
p#threemargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:12px;
margin-left-width:5%;
}
为margin-width指定三个值
margin: margin-top margin-right/margin-left margin-bottom;
p#threemargins
{
margin:12px 5% 0;
}
上边外补白是12px,左右边外补白是5%(相对于整个页面),下边外补白是0.
等价于下面的定义
p#twomargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:0;
margin-left-width:5%;
}
为margin-width指定四个值
margin: margin-top margin-right margin-bottom margin-left;
p#fourmargins
{
margin:12px 5% -12px auto;
}
上边外补白是12px,右边外补白是5%(相对于整个页面),下边外补白是-12px,左边外补白将根据浏览器自动调整.
如果margin属性后面跟随四个值,那么值的分配顺序是从上面开始以顺时针旋转分配.
等价于下面的定义
p#fourmargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:-12px;
margin-left-width:auto;
}
可以查看盒模式,了解边外补白和边内补白.
边外补白分为上边外补白(top),下边外补白(bottom),左边外补白(left),右边外补白(right).
边外补白只有宽度width一种属性.
margin -- 定义边外补白
取值: <margin-width>{1,4} | inherit
<margin-width>{1,4}: 边外补白宽度
inherit: 继承
初始值: 0
继承性: 否
适用于: 所有元素,除了 table-caption, table 和 inline-table
margin: 边外补白
margin-width的取值
<length>: 长度表示法
<percentage>: 百分比表示法,margin百分比的计算是基于生成的框的包含块的宽度.
auto: 自动
猴子提示: margin边外补白可以取负值;边外补白是看不到的,因为它本身是透明的.
示例
为margin-width指定一个值
margin: margin-top/margin-right/margin-bottom/margin-left;
p#onemargins
{
margin:12px;
}
所有边外补白全部为12px
等价于下面的定义
p#onemargins
{
margin-top-width:12px;
margin-right-width:12px;
margin-bottom-width:12px;
margin-left-width:12px;
}
为margin-width指定两个值
margin: margin-top/margin-bottom margin-right/margin-left;
p#threemargins
{
margin:12px 5%;
}
上下边外补白是12px,左右边外补白是5%(相对于整个页面).
等价于下面的定义
p#threemargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:12px;
margin-left-width:5%;
}
为margin-width指定三个值
margin: margin-top margin-right/margin-left margin-bottom;
p#threemargins
{
margin:12px 5% 0;
}
上边外补白是12px,左右边外补白是5%(相对于整个页面),下边外补白是0.
等价于下面的定义
p#twomargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:0;
margin-left-width:5%;
}
为margin-width指定四个值
margin: margin-top margin-right margin-bottom margin-left;
p#fourmargins
{
margin:12px 5% -12px auto;
}
上边外补白是12px,右边外补白是5%(相对于整个页面),下边外补白是-12px,左边外补白将根据浏览器自动调整.
如果margin属性后面跟随四个值,那么值的分配顺序是从上面开始以顺时针旋转分配.
等价于下面的定义
p#fourmargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:-12px;
margin-left-width:auto;
}
黑松山资源网 Design By www.paidiu.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
黑松山资源网 Design By www.paidiu.com
暂无评论...
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。
更新日志
2024年11月16日
2024年11月16日
- 第五街的士高《印度激情版》3CD [WAV+CUE][2.4G]
- 三国志8重制版哪个武将智力高 三国志8重制版智力武将排行一览
- 三国志8重制版哪个武将好 三国志8重制版武将排行一览
- 三国志8重制版武将图像怎么保存 三国志8重制版武将图像设置方法
- 何方.1990-我不是那种人【林杰唱片】【WAV+CUE】
- 张惠妹.1999-妹力新世纪2CD【丰华】【WAV+CUE】
- 邓丽欣.2006-FANTASY【金牌大风】【WAV+CUE】
- 饭制《黑神话》蜘蛛四妹手办
- 《燕云十六声》回应跑路:年内公测版本完成95%
- 网友发现国内版《双城之战》第二季有删减:亲亲环节没了!
- 邓丽君2024-《漫步人生路》头版限量编号MQA-UHQCD[WAV+CUE]
- SergeProkofievplaysProkofiev[Dutton][FLAC+CUE]
- 永恒英文金曲精选4《TheBestOfEverlastingFavouritesVol.4》[WAV+CUE]
- 群星《国风超有戏 第9期》[320K/MP3][13.63MB]
- 群星《国风超有戏 第9期》[FLAC/分轨][72.56MB]