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

    什么是框模型(盒模型):

    html中,所有的元素都可以认为是框。框中可以盛装内容。 框模型:指的是 框与框、框与内容之间的关系。 定义了:外边距、内边距、边框

    什么是外边距

    在元素边框周围的一些空白区域 该空白区域,正常情况下是不允许有其他元素显示的。 外边距属性 margin:value; 表示上下左右四个方向的外边距 单边设置: margin-方向: 方向:top,bottom,left,right 取值:px、%、负值、auto

    什么是内边距

    框内的内容与框之间的距离控件 注意:增加内边距后会扩大元素边框所占的区域 语法: padding : value; 取值:像素、%、不能取负值

    注意:当元素的 【左右】外边距设置为 【auto】 时,那么该元素会在其父层容器内变的水平居中

    常见的整体设置我们通常会看见 这样的代码

    Margin:2px 5px 2px 6px;

    Margin:2px 5px 3px;

    Margin:2px 6px;

    Margin:5px;

    4个值上右下左

    3个值上 左右 下

    2个值 上下 左右

    1 个值 全部

  • 相关阅读:
    Luogu P3731 [HAOI2017]新型城市化
    Luogu P3227 [HNOI2013]切糕 最小割
    Luogu P1654 OSU!
    CF235B Let's Play Osu! 期望dp
    Luogu P2057 [SHOI2007]善意的投票
    任意模数NTT学习笔记
    Burnside引理的感性证明
    JLOI2015 城池攻占
    BZOJ2957 楼房重建
    NOI2009 区间
  • 原文地址:https://www.cnblogs.com/lulublog/p/7822213.html
Copyright © 2011-2022 走看看