zoukankan      html  css  js  c++  java
  • CSS3的盒子模型

    盒子模型的内容范围包括:

    margin、border、padding、content部分组成

    内边距属性

      padding 设置所有边距

      padding-bottom 设置底边距

      padding-left 设置左边距

      padding-right 设置右边距

      padding-top 设置上边距

    边框的样式

      border-style 定义了10个不同的非继承样式,包括none

    边框的单边框样式

      border-top-style

      border-left-style

      border-right-style

      border-bottom-style 

    边框的宽度

      border-width

    边框单边框的宽度

      border-top-width

      border-left-width

      border-right-width

      border-bottom-width

    边框的颜色

      border-color

    边框单边的颜色

      border-top-color

      border-left-color

      border-right-color

      border-bottom-color

    CSS3边框

      border-radius 圆角边框

      box-shadow 边框阴影

      border-image 边框图片

    外边距

      默认为透明区域,接受任何长度单位、百分数值

      常用属性

        margin 设置所有边距

        margin-bottom 设置底边距

        margin-left 设置左边距

        margin-right 设置右边距

        margin-top 设置上边距

    合并以多的那一部分为准。

  • 相关阅读:
    [Codeforces #494] Tutorial
    [BZOJ 3223] 文艺平衡树
    [P2698][USACO12MAR]花盆Flowerpot
    [Atcoder Regular Contest 061] Tutorial
    [BZOJ 1855] 股票交易
    [BZOJ 1076] 奖励关
    [BZOJ 2298] Problem A
    数据库三大范式
    mybatis插件机制原理
    Mybatis有哪些执行器?
  • 原文地址:https://www.cnblogs.com/nana135/p/6358102.html
Copyright © 2011-2022 走看看