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 个值 全部

  • 相关阅读:
    每周总结
    5月2日学习日志
    5月1日学习日志
    4月30日学习日志
    4月29日学习日志
    4月28日学习日志
    4月27日学习日志
    每周总结
    vue滚动插件BetterScroll
    vue 获取页面高度
  • 原文地址:https://www.cnblogs.com/lulublog/p/7822213.html
Copyright © 2011-2022 走看看