|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
提高易用性。使用CSS可以结构化HTML,例如:标签只用来控制段落,heading标签只用来控制标题,table标签只用来表现格式化的数据等等。
网页制造poluoluo文章简介:CSS教程:margin属性界说边外补白.
边框的表面能够有一层边外补白(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-bottommargin-right/margin-left;
p#threemargins
{
margin:12px5%;
}
高低边外补白是12px,摆布边外补白是5%(相对全部页面).
等价于上面的界说
p#threemargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:12px;
margin-left-width:5%;
}
为margin-width指定三个值
margin:margin-topmargin-right/margin-leftmargin-bottom;
p#threemargins
{
margin:12px5%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-topmargin-rightmargin-bottommargin-left;
p#fourmargins
{
margin:12px5%-12pxauto;
}
上边外补白是12px,右侧外补白是5%(相对全部页面),下边外补白是-12px,右边外补白将依据扫瞄器主动调剂.
假如margin属性前面跟从四个值,那末值的分派按次是从下面入手下手以顺时针扭转分派.
等价于上面的界说
p#fourmargins
{
margin-top-width:12px;
margin-right-width:5%;
margin-bottom-width:-12px;
margin-left-width:auto;
}
结构清晰,容易被搜索引擎搜索到,天生优化了seo |
|