zoukankan      html  css  js  c++  java
  • DIV盒子介绍

    1.盒子模型=网页布局的基石,由四部分组成:

      边框(border)、外边距(margin)、内边距(padding)、盒子中的内容(content)

    2.设置顺序是顺时针:上、右、下、左。

       三个值(上、左右、下)

       两个值(上下、左右)

       一个值(上下左右)

    3.盒子的层次模型(由上到下)

      边框(border)、盒子中的内容(content)+内边距(padding)、背景图像(background-image)、背景颜色(background-color)、外边距(margin)

      盒子模型的尺寸=边框(border)+外边距(margin)+内边距(padding)+盒子中的内容(content)

    box-shadow: h-shadow v-shadow blur spread color inset;

    h-shadow:水平偏移量   horizontal

    v-shadow:垂直偏移量   vertical

    blur:虚化程度

    border-radius: 1-4 length|% / 1-4 length|%;

    1个参数:4个角
    2个参数:左上 右下 // 左下 右上
    3个参数:左上// 左下右上 // 右下
    4个参数: 各个圆角

  • 相关阅读:
    05391
    05390
    05389
    05388
    1006 Sign In and Sign Out (25分)
    1002 A+B for Polynomials (25分)
    1005 Spell It Right (20分)
    1003 Emergency (25分)
    1001 A+B Format (20分)
    HDU 2962 Trucking
  • 原文地址:https://www.cnblogs.com/wangshuyi/p/6858147.html
Copyright © 2011-2022 走看看