网页设计中margin怎么用
网页布局中margin也是必不可少的,那么在网页设计布局中,margin应该怎样使用呢?
操作方法
(01)首先,我们先设计一个div,并且给这个div添加一个id,id名随意取。
(02)然后设置一下宽高,并且添加一个红色的背景属性值。
(03)默认情况下,这个div是靠近浏览器的顶部和左边的。
(04)接着我们给这个div设置一下margin值,从左到右表示的是上边,右边,下边,左边的margin值。
(05)设置好之后,可以看到左边和上边都隔开了一定的距离,这就是margin值的用处,而下边和右边因为没有其他div或者其他颜色,所以效果被忽略了。
(06)当然,margin值也可以分开写,比如我只设置div的上边的margin值,就可以使用margin-top,而右边则可以使用margin-right,左边则是margin-left,下边则是margin-bottom。
(07)如图,设置margin-top之后,只有上边拉开了距离,而左边并没有拉开距离。
(08)接着我们再在网页中添加一个div,并设置id为“you”。
(09)接着设置“you”这个div的宽高和背景。
(10)如图所示,新添加一个div之后,如果没有设置margin-bottom的值,两个div就会连在一起。
(11)然后我们给上面的div,也就是“my”,设置margin-bottom。
(12)设置好之后,两个div之间就会拉开距离,这样就可以定位好div的位置。
(13)而如果我们给“my”设置好margin-bottom之后,又给“you”设置margin-top,又会有什么结果呢?
(14)结果就是这样:有两个相邻的div,如果一个div设置了margin-top,另一个设置了margin-bottom,则以它们之间值最大的为准。比如margin-top是50像素,margin-bottom是30像素,则间隔就是50像素,而不是两个相加哦。了解这个之后,在网页布局中,我们只需要对其中一个设置就可以了。
-
如何给SQL SERVER数据表之间添加关系
我们使用SQLSERVER的时候,表和表之间有非常多的关系。那么如何建立表之间的关系呢?下面小编通过一个实例给大家分享一下。操作方法(01)首先打开SQLSERVER,右键单击数据库关系图,选择新建关系图选项,如下图所示(02)这个时候会弹出添加表界面,我们选择要添加关系的表,然后点...
-
Navicat如何同步两个不同数据库之间的表?
Navicat是一个数据库客户端,它可以连接mysql数据库,并对其进行管理操作。在Navicat客户端下,我们可以同步两个不同数据库之间的表。具体怎么操作?下面一起看下操作方法(01)连接上你的数据库,右键点击数据库,在弹出的菜单里,点击‘DataTransfer'(02)点击后,弹出DataTra...
-
怎样注销支付宝账户
支付宝(中国)网络技术有限公司是国内领先的第三方支付平台,致力于提供“简单、安全、快速”的支付解决方案。支付宝公司从2004年建立开始,始终以“信任”作为产品和服务的核心。旗下有“支付宝”与“支付宝钱包”两个独立品牌。自2014年第二季度开始成为当前全球最...
-
8080端口被占怎么解决
在自己电脑上配置测试网站,要配置Apache服务器,并把服务器的一个站点配置在8080端口上时,却提示8080端口已被占用。端口被占用了怎么办?下面一起看下怎么解决。操作方法(01)首先,我们先找出是哪个程序占用了这个端口。点击‘开始’菜单,‘所有程序’,(02)所有程序里,点击‘...