zoukankan      html  css  js  c++  java
  • 5.css3盒模型--margin/border/padding/content

    1.css3盒模型

    margin外边距:

      Margin-topMargin-rightMargin-bottomMargin-left

    Border边框:

      Border-width

      Border-style:solid实线边框,dotted点状边框,double双线边框

      Border-color

    Padding内边距接受长度和百分比,但不接受负值。

      Padding-topPadding-rightPadding-bottomPadding-left

      Padding *同时设定四个边距

      padding **同时设定上下、左右边距

      padding ***同时设定上、左右、下边距

      Padding ****同时设定上、右、下、左边距

    外边距的合并:

      当两个垂直外边距相遇时,它们将形成一个外边距。

      合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

       

       

    溢出的处理:

      Overflow如果内容溢出了,是否对内容的边缘进行裁剪。

      Overflow-x如果内容溢出了,是否对内容的左右边缘进行裁剪。

      Overflow-y如果内容溢出了,是否对内容的上下边缘进行裁剪。

      

    Visible不裁剪,会显示在内容框之外。

       

    Hidden裁剪,不提供滚动机制。

       

    Scroll裁剪,提供滚动机制。

       

    auto如果溢出,则提供滚动机制。

       

  • 相关阅读:
    jq判断鼠标滚轴向上滚动还是向下滚动
    Directory 中user Var 如何添加到通道变量中?
    Centos 6.5 freeswitch 编译mod_shout
    golang esl api
    opensips redis配置记录
    luasocket 安装记录 (FS1.4)
    luasocket 安装记录 (FS1.6)
    Callcenter 模块解析
    OpenSIPS 1.11.1安装记录
    阿里服务器挂载数据盘
  • 原文地址:https://www.cnblogs.com/chenJieLing/p/11653231.html
Copyright © 2011-2022 走看看