仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 894|回复: 6
打印 上一主题 下一主题

[DIV+CSS] DIV教程之CSS教程:margin属性界说边外补白

[复制链接]
柔情似水 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:54:20 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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
兰色精灵 该用户已被删除
沙发
发表于 2015-1-17 23:49:56 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet)的家喻户晓。
活着的死人 该用户已被删除
板凳
发表于 2015-1-21 21:46:04 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
冷月葬花魂 该用户已被删除
地板
发表于 2015-1-30 22:51:50 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
老尸 该用户已被删除
5#
发表于 2015-2-6 16:45:01 | 只看该作者
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
若天明 该用户已被删除
6#
发表于 2015-3-5 19:54:18 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
金色的骷髅 该用户已被删除
7#
发表于 2015-3-12 13:59:53 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-3 12:55

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表