小白必备教程:CSSmargin(外边距)

开课吧开课吧锤锤2021-04-13 11:44

    前端是互联网时代直接接触用户的窗口,大到我们每天都要浏览的网站,小到一次点击一个按钮的页面,前端到处都是。而且在产品开发的众多环节中,最能让用户直观感受到的是前端开发。因此前端行业广阔的发展前景也吸引了不少人转行学习。那零基础的人怎么学习网络前端呢?

Java

    CSSmargin(外边距)

    CSSmargin(外边距)属性定义元素周围的空间。

    margin

    margin清除周围的(外边框)元素区域。margin没有背景颜色,是完全透明的。

    margin可以单独改变元素的上,下,左,右边距,也可以一次改变所有的属性。

Java

    可能的值

说明
auto 设置浏览器边距。
这样做的结果会依赖于浏览器
length 定义一个固定的margin(使用像素,pt,em等)
% 定义一个使用百分比的边距

    Margin可以使用负值,重叠的内容。

    Margin-单边外边距属性

    在CSS中,它可以指定不同的侧面不同的边距:

margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;

    Margin-简写属性

    为了缩短代码,有可能使用一个属性中margin指定的所有边距属性。这就是所谓的简写属性。

    所有边距属性的简写属性是margin:

margin:100px 50px;

    margin属性可以有一到四个值。

    margin:25px50px75px100px;

    上边距为25px

    右边距为50px

    下边距为75px

    左边距为100px

    margin:25px50px75px;

    上边距为25px

    左右边距为50px

    下边距为75px

    margin:25px50px;

    上下边距为25px

    左右边距为50px

    margin:25px;

    所有的4个边距都是25px

    前端学习永远不会是单枪匹马,需要前人的引领,也需要平台的不断交流与思想碰撞。这能够快速入门,减少走弯路,还能让自己找到问题的根源。更多的Web教程尽在开课吧广场Web教程频道。

有用
分享
全部评论快来秀出你的观点
登录 后可发表观点…
发表
暂无评论,快来抢沙发!
云开发实战特训营