最新消息:阿里云双12优惠,史上最低折扣。

CSS常用属性:Margin美观网页设计

服务器租用 aliyun 207浏览

cURL简化网页处理 数据自动检索

cURL是利用URL语法在命令行下工作的综合开源传输工具,支持文件上传和下载,还包括用于程序开发的libcurl,支持FTP、HTTP等多种通信协议,帮助网页处理流程和数据检索自动化。

网站拥有多个页面,为了将每个网页进行区分或对其设计不同的外观样式,则需使用CSS。CSS将样式信息存储在公共文件中以供所有页面共同使用。

作为CSS中常用属性——margin,包含很多的内容。margin是用于设置四个外边距的属性。

margin的使用语法

margin后面的参数个数可以是一个,两个,三个或四个。

一个参数,例如:margin:10px;表示四边外边距10像素;

两个参数,例如:margin:10px 5px;表示上下外边距10像素,左右外边距5像素;

三个参数,例如:margin:10px 5px 2px;表示上外边距10像素,左右边距5像素,下边距2像素;

四个参数,例如:margin:10px 5px 2px 1px;表示上外边距10像素,右外边距5像素,下外边距2像素,左外边距1像素。

垂直外边距合并问题

外边距合并是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

这个问题发生的原因是根据规范,一个盒子如果没有上补白(padding-top)和上边框(border-top),那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。

用Margin还是用Padding

何时应当使用margin:

需要在border外侧添加空白时。

空白处不需要背景(色)时。

上下相连的两个盒子之间的空白,需要相互抵消时。如15px + 20px的margin,将得到20px的空白。

何时应当时用padding:

需要在border内测添加空白时。

空白处需要背景(色)时。

上下相连的两个盒子之间的空白,希望等于两者之和时。如15px + 20px的padding,将得到35px的空白。

margin是用来隔开元素与元素的间距;padding是用来隔开元素与内容的间隔。margin用于布局分开元素使元素与元素互不相干;padding用于元素与内容之间的间隔,让内容(文字)与(包裹)元素之间有一段距离。

转载请注明:小猪云服务器租用推荐 » CSS常用属性:Margin美观网页设计