zoukankan      html  css  js  c++  java
  • CSS学习之margin与padding

    CSS margin 属性

    margin 属性是用于在一个声明中设置四个外边距的所有属性的简写属性。

    说明

    这个简写属性设置一个元素所有外边距的宽度,或者设置各边上外边距的宽度。

    块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

    四个边距均为10px:

    h1 {margin: 10px}

    顶边距和底边距为10px,左边距和右边距是父元素宽度的2%:

    h1 {margin: 10px 2%}

    顶边距为10px,左边距和右边距是父元素宽度的2%,底边距是-10px:

    h1 {margin: 10px 2% -10px}

    顶边距为10px,右边距是父元素宽度的2%,底边距是-10px,而左边距由浏览器设置:

    h1 {margin: 10px 2% -10px auto}

    CSS padding 属性

    这个简写属性设置元素所有内边距的宽度,或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算;因此,如果一个元素既有内边距又有背景,从视觉上看可能会延伸到其他行,有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。

  • 相关阅读:
    js 读取XML
    JavaScript DOM 交换节点笔记
    JDBC学习总结 -- JDBC 快速入门 教程
    SQL 语句易错点讲解
    JAVA 他人博客收藏 (To be continue)
    <<MYSQL必知必会>> 入坑指南
    OpenGL 纹理学习总结
    BZOJ 3456 NTT图的计数 容斥
    洛谷1002 容斥原理+dfs OR DP
    51nod1565 FFT
  • 原文地址:https://www.cnblogs.com/zonghua/p/1270196.html
Copyright © 2011-2022 走看看