精华内容
下载资源
问答
  • 传统盒子模型CSS3盒子模型的区别 一、效果图 二、代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div:...


    前言

    传统盒子模型与CSS3盒子模型的区别


    一、效果图

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    二、代码

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
      <style>
        div:nth-child(1){
          /* 传统盒子模型宽度 = width + padding + border */
          width: 200px;
          height: 200px;
          background-color: skyblue;
          border: 10px solid red;
          padding: 10px;
        }
        div:nth-child(2){
          /* CSS3盒子模型box-sizing:border-box
           padding 和 border不会再撑大盒子 */
          box-sizing: border-box;
          width: 200px;
          height: 200px;
          background-color: greenyellow;
          border: 10px solid blue;
          padding: 10px;
        }
      </style>
    </head>
    <body>
    <div>
      padding和border会撑大盒子
    </div>
    <div>
      padding和border不会撑大盒子
    </div>
    </body>
    </html>
    
    

    总结

    传统盒子模型与CSS3盒子模型的区别

    1.传统盒子模型的padding和border会撑大盒子

    2.CSS3盒子模型的padding和border不会撑大盒子

    展开全文
  • CSS3盒子模型的理解

    2021-04-09 10:47:06
    CSS3盒子模型的理解 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,一个盒子是由 4 部分组成的:内容(content)、内边距...

    CSS3盒子模型的理解

    所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。
    CSS盒模型本质上是一个盒子,封装周围的HTML元素,一个盒子是由 4 部分组成的:内容(content)、内边距(padding)、边框(border)和外边距(margin)。
    盒子模型分为两种:标准盒子模型和IE盒子模型,由 W3C 和 IExplore 制定的标准。

    如果给某个元素设置样式

    .box {
        width: 200px;
        height: 200px;
        padding: 10px;
        border: 1px solid #eee;
        margin: 10px;
    }
    

    一、标准盒子模型:盒子的实际尺寸 = 内容(设置的宽/高) + 内边距 + 边框
    在这里插入图片描述
    所以 .box 元素内容的宽度就为 200px,而实际的宽度则是 width + padding-left + padding-right + border-left-width + border-right-width = 200 + 10 + 10 + 1 + 1 = 222。

    二、IE 盒模型:盒子的实际尺寸 = 设置的宽/高 = 内容 + 内边距 + 边框
    在这里插入图片描述
    .box 元素所占用的实际宽度为 200px,而内容的真实宽度则是 width - padding-left - padding-right - border-left-width - border-right-width = 200 - 10 - 10 - 1 - 1 = 178。

    总结:
    目前高版本的浏览器基本上默认都是使用标准盒模型,而像 IE6 这种老古董才是默认使用 IE 盒模型的。
    在 CSS3 中新增了一个属性 box-sizing,允许开发者来指定盒子使用什么标准,它有 2 个值:
    content-box:标准盒模型;
    border-box:IE 盒模型;

    展开全文
  • 盒子模型---介绍3.盒子模型---边框4.盒子模型---内边距5.盒子模型-外边距6.盒子的水平布局7.盒子的垂直布局10.默认样式11.盒子的尺寸12.轮廓和圆角 1、文档流(normal flow) 网页是一个多层的结构,一层摞着一层,...

    1、文档流(normal flow)

    • 网页是一个多层的结构,一层摞着一层,通过CSS可以为每一层来设计样式,作为用户只能看到最顶上的一层,而在这些层中,最底下的一层成为文档流,文档流是网页的基础,我们所创建的元素默认都是在文档流中进行排列的
    • 对我们而言,元素主要有两个特点:在文档流中,不在文档流中(脱离文档流)。
    • 元素在文档流中的特点:
      1. 块元素:
        • 块元素会在页面中独占一行(自上向下垂直排列)
        • 默认宽度是父元素的全部(会把父元素撑满)
        • 默认高度是被内容撑开(子元素)
      2. 行内元素:
        • 行内元素不会独占页面的一行,只占自身的大小
        • 行内元素在页面中自左向右水平排列,如果一行中不能容纳所有的行内元素时,元素会换到第二行自左向右排列
        • 行内元素的默认宽度与高度都是被内容撑开

    在这里插入图片描述

    2.盒子模型—介绍

    • CSS将页面中的每个区域都设置为了一个矩形的盒子
    • 将元素设置为矩形的盒子之后,对页面的布局就变成了将不同的盒子摆放到不同的位置
    • 每一个盒子都由以下几个部分组成:
      1. 内容区(content)
      2. 内边距(padding)
      3. 边框(border)
      4. 外边距(margin)

    在这里插入图片描述

    内容区(content):元素中所有的子元素和文本内容都在内容区中排列着,内容区的大小由widthheight两个属性来设置

    • width设置内容区的宽度
    • height设置内容区的高度

    边框(border):边框属于盒子边缘,边框里面属于盒子内部,出了边框就是盒子外部。边框的大小会影响到整个盒子的大小,要想设置边框,至少要设置三个样式:

    • 边框的宽度:border-width
    • 边框的颜色:border-color
    • 边框的样式:border-style
    .box1{
                /* 内容区 */
                width: 200px;
                height: 200px;
                background-color: #bfa;
                /* 边框 */
                border-width: 10px;
                border-color: chocolate;
                border-style: solid;
            }
    

    在这里插入图片描述

    3.盒子模型—边框

    • 边框的宽度:border-width

      • 默认值:一般都是3个像素

      • border-width可以用来指定四个方向的边框的宽度:

        值的个数值的情况
        四个值上 右 下 左
        三个值上 左右 下
        两个值上下 左右
        一个值上下左右
      • 除了border-width还有一组border-xxx-width:xxx,可以是top right bottom left,用来单独指定某一个边的宽度

    • 边框的颜色:border-color

      • border-color用来指定边框的颜色,同样可以分别指定四个边的边框,规则和border-width一样
      • border-color也可以省略不写,如果省略不写则自动使用color的颜色值
    • 边框的样式:border-style

      • 默认值是none 表示没有边框
      • solid 实线
      • dotted 点状虚线
      • dashed 虚线
      • double 双线
    • border简写属性:通过该属性可以同时设置边框的所有相关样式,并没有顺序要求,除了border外还有四个border-xxx

    .box1{
                width: 200px;
                height: 200px;
                background-color: #bfa;
                /* 边框 */
                border-color: chocolate;
                border-style: solid;
            }
            .box2{
                width: 200px;
                height: 200px;
                background-color:cyan;
                /* 边框简写属性*/
                border:double 10px chartreuse
            }
    

    在这里插入图片描述

    4.盒子模型—内边距

    • 内容区和边框之间的距离就是内边距
    • 一共有四个方向的内边距:
      1. padding-top
      2. padding-right
      3. padding-bottom
      4. padding-left
    • padding内边距的简写属性,可以同时指定四个方向的内边距,规则和border-width一致
    • 内边距的设置影响到盒子的大小,背景颜色会延伸到内边距上
    • 盒子的可见框的大小由内容框、内边距、边框共同决定。所以在计算盒子大小时,需要将三个区域相加在一起计算
    .box1{
                width: 200px;
                height: 200px;
                background-color: #bfa;
                border: 10px solid orange;
                padding: 40px ;
            }
            .inner{
                width: 100%;
                height: 100%;
                background-color: yellow;
            }
    

    在这里插入图片描述

    5.盒子模型-外边距

    • 外边距不会影响到盒子的可见的大小,但是外边距会影响盒子的位置
    • 一共有四个方向上的外边距:
      1. margin-top
        • 上外边距,设置一个正值元素会向下移动
      2. margin-bottom
        • 下外边距,设置一个正值,它下面的元素会向下移动
      3. margin-left
        • 左外边距,设置一个正值,元素会向右移动
      4. margin-right
        • 右外边距,默认情况下设置右外边距不会产生任何效果
    • 元素在页面中是按照自左向右排列的,所以默认情况下我们设置的左和上外边距会移动元素自身,设置右和下外边距会移动其他元素
    • margin的简写属性,同样可以设置四个方向的外边距,用法同padding
    • margin会影响到盒子实际的占用空间

    在这里插入图片描述

    6.盒子的水平布局

    元素总宽度 = 宽度 + 左内边距 + 右内边距 + 左边框 + 右边框 + 左外边距 + 右外边距

    • 元素在其父元素中水平方向的位置由以下几个属性共同决定:

      • margin-left,border-left,padding-left,padding-left,width,padding-right,border-right,margin-right
    • 一个元素在其父元素中,水平布局必须满足上述等式。如果相加的结果使等式不成立,则称为过度约束,等式会自动调整。调整的情况如下:

      1. 这七个值中,有三个值可以设置为auto:width,margin-left,margin-right

      2. 如果这七个值中没有为auto的情况,则浏览器会自动调整margin-right值,使得等式满足

      3. 如果有auto的情况,则自动调整为auto的那个值以使等式成立:

    • 如果将一个width和其中一个margin设置为auto,则width会调整到最大,设置为auto的外边距自动为0

         .outer{
                     width: 800px;
                     height: 200px;
                     border: 10px red solid;
                 }
                 .inner{
                     /* width: auto;  width的值默认就是auto*/
                     width: auto;
                     height: 200px;
                     background-color: #bfa;
                     margin-right: auto;
                     margin-left: 200px;
                 }
         ```
      

    在这里插入图片描述

    • 如果将margin-leftmargin-right设置为auto,width为固定值,则会将两个外边距设置为同样的值,所以我们经常用这一特点来使某个元素在其父元素居中水平。示例:

    •        	 .inner{
                         width: 200px;
                         height: 200px;
                         background-color: #bfa;
                         margin-right: auto;
                         margin-left: auto;
                     }
             ```
      
      

    在这里插入图片描述

    • 如果我们将三个值都设置为auto,则外边距都是0,width最大

    •        .inner{
                         width: auto;
                         height: 200px;
                         background-color: #bfa;
                         margin-right: auto;
                         margin-left: auto;
                     }
             ```
      

    在这里插入图片描述

    7.盒子的垂直布局

    /* outer为父元素,inner为子元素 */
    <div class="outer">
            <div class="inner"></div>
            <div class="inner"></div>
        </div>
      .outer{
                background-color: #bfa;
                width: 200px;
            }
     .inner{
                width: 100px;
                background-color: orange;
                height: 200px;
               
            }
    
    • 在不给父元素outer设置高度的前提下,给子元素inner设置高度,则父元素会被撑开。

    在这里插入图片描述

    • 如果再给两个子元素inner加上下边距,则父元素的高度也会随之变化。

      • 在这里插入图片描述
    • 子元素是在父元素的内容区中排列的,如果子元素的大小超过了父元素,则子元素会从父元素中溢出,使用overflow属性来设置父元素处理溢出的子元素

    • overflow属性可选值:(overflow-xoverflow-y可单独处理水平或垂直方向)

      1. visible 默认值 子元素会从父元素中溢出,在父元素的外部显示

        • .box1{
                      overflow: visible;
                  }
          

    在这里插入图片描述

    1. hidden 溢出内容被裁剪不显示

      • .box1{
                    overflow: hidden;
                }
        

    在这里插入图片描述

    1. scroll 生成两个滚动条,通过滚动条来查看完整内容

    在这里插入图片描述

    1. auto 根据需要生成滚动条

    在这里插入图片描述

    8.外边距的折叠

    • 相邻的垂直方向外边距会发生重叠现象
    1. 兄弟元素:

      • 兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值)
     .box1{
           background-color: #bfa;
           /* 设置一个下外边距 */
           margin-bottom: 80px;
       }
     .box2{
           background-color: orange;
           /* 设置一个上外边距 */
           margin-top: 60px;
              }
    

    在这里插入图片描述

    • 如果相邻的外边距是一正一负,则取两者的和
    .box1{
           background-color: #bfa;
          /* 设置一个下外边距 */
           margin-bottom: -40px;
        }
    .box2{
           background-color: orange;
           /* 设置一个上外边距 */
           margin-top: 60px;
        }
    

    在这里插入图片描述

    • ​ 如果相邻的外边距都是负值,则取两者之间绝对值较大的
    .box1{
           background-color: #bfa;
           /* 设置一个下外边距 */
             margin-bottom: -40px;
          }
    .box2{
           background-color: orange;
           /* 设置一个上外边距 */
           margin-top: -60px;
              }
    

    在这里插入图片描述

    • 兄弟元素之间的外边距的重叠对于开发是有利的,我们不需要进行处理
    1. 父子元素:
    • 父子元素间相邻外边距,子元素会传递给父元素(上外边距)
      在这里插入图片描述

    • 父子外边距会影响到页面的布局,必须进行处理

    9.行内元素的盒模型

    1. 行内元素不支持设置width和height

    2. 行内元素可以设置padding,但是垂直方向padding不会影响页面的布局(可能会盖到其他元素)

    3. 行内元素可以设置border,垂直方向的border不会影响布局

    4. 行内元素可以设置margin,垂直方向的margin不会影响布局

    下面通过一个动图演示一下:

    在这里插入图片描述

    • display 用来设置元素的显示类型,可选值:
    • inline 将元素设置为行内元素
    • block 将元素设置为块元素
    • inline-block 将元素设置为行内块元素:既可以设置宽度和高度,又不会独占一行
    • table 将元素设置为一个表格
    • none 元素不在页面中显示,不占据页面的位置
    • visibility 用来设置元素的显示状态,可选值:
    • visible 默认值 元素在页面中正常显示
    • hidden 元素在页面中隐藏不显示,但是依然占据页面的位置

    以创建超链接为例:

     a{
                 /* 设置为块元素 */
                 display: block;
                 /* 设置为行内块元素 */
                 display: inline-block;
                 /* 元素不显示,不占据位置 */
                 display: none;
     
                 /* 元素不显示,占据位置 */
                 visibility: hidden;
             }
    
    

    在这里插入图片描述

    10.默认样式

    通常情况下,浏览器都会为元素设置一些默认样式,默认样式往往会影响到页面的布局,因此在编写网页时必须要去除浏览器的默认样式(PC端的页面)

    在这里插入图片描述

    在这里插入图片描述

    因此我们可以引入重置样式表:专门对浏览器的样式进行重置

    • reset.css 直接除去了浏览器的默认样式
    • normalize.css 对默认样式进行了统一

    11.盒子的尺寸

    • 默认情况下,盒子可见框的大小由内容区、内边距、边框共同决定
    • box-sizing 用来设置盒子尺寸的计算方式(设置width和height的作用)可选值:
      • content-box 默认值,宽度和高度用来设置内容区的大小
      • border-box 宽度和高度用来设置整个盒子可见框的大小(包括内容区,内边距,边框)
     .box2{
                width: 150px;
                height: 150px;
                background-color: #bfa;
                padding: 10px;
                border: 10px red solid;
        		<!--box1 -->
                box-sizing: content-box;
         		<!--box2 -->
                box-sizing: border-box;
            }
    

    在这里插入图片描述

    12.轮廓和圆角

    • box-shadow 用来设置元素的阴影效果,阴影不会影响页面布局
      • 第一个值 水平偏移量 设置阴影的水平位置 正值向右移动 负值向左移动
      • 第二个值 垂直偏移量 设置阴影的垂直位置 正值向下移动 负值向上移动
      • 第三个值 阴影的模糊半径
      • 第四个值 阴影的颜色
    .box1{
                width: 200px;
                height: 200px;
                background-color: #bfa;
                box-shadow: 10px 10px 10px rgba(87, 86, 86, 0.952) ; 
    

    在这里插入图片描述

    • outline 用来设置元素的轮廓线,用法和border一模一样 轮廓和边框不同的点是轮廓不会影响到可见框的大小
    .box1:hover{
                outline: 10px red solid;
            }
    

    在这里插入图片描述

    • border-radius: 用来设置圆角 圆角设置的圆的半径大小

      • border-radius可以分别指定四个角的圆角

        • 值的个数方向
          四个值左上 右上 右下 左下
          三个值左上 右上/左下 右下
          两个值左上/右下 右上/左下
      • 将元素设置为一个圆形:

        • .box2{
          	border-radius: 50%;	
          }
          

    在这里插入图片描述

    为盒子的左上角设置圆角:

    .box2{
    	border-top-left-radius:50px 100px;
    }
    

    在这里插入图片描述

    展开全文
  • 盒子模型 我们可以把每一个HTML标记,都看成是一个“盒子”。 这个“盒子”有哪些特征:内容的高度或高度、边框线、内填充、外边距。 “盒子”的总宽度:内容的宽度 + 边框宽度*2 + 左填充*2 + 左外边距*2 ...

    盒子模型

    我们可以把每一个HTML标记,都看成是一个“盒子”。

    这个“盒子”有哪些特征:内容的高度或高度边框线、内填充、外边距

    “盒子”的总宽度:内容的宽度 + 边框宽度*2 + 左填充*2 + 左外边距*2

    上下外边距合并问题——这是一种现象

    什么情况下?上下外边距会合并呢?

    上下两个块元素,如果每一个元素都指定了四个外边距,那么上下相邻的那个外边距会发生合并的现象,合并后取其中较大的外边距。

    如何要实现上下两个<div>之间的距离为100px,该如何实现呢?

    1. 上下两个<div>其中一个只指定margin-bottom:100px,而另一个<div>的margin-top:0px,这样可以实现。
    2. 可以在上下两个<div>中间,添加一个空的<div>,并给空<div>指定高度为100px,也可以实现。

     

     

    全局CSS设置

    1、清除所有的标记的内外边距

    body,ul,li,a,img,p,input{ margin:0; padding:0; }

    2、去除项目符号或编号前面的符号

    ul,ol,li{ list-style:none; }

    3、全局链接效果

    a:link , a:visited{color:#444;text-decoration:none;}

    a:hover{color:red;}

    4、网页中所有的文字大小颜色

    body{ font-size:12px; font-family:宋体; color:#ccc; }

    5、去除图片的链接边框线

    img{border:0;}

    6、全局的类样式

    .floatL{ float:left; }

    .floatR{ float:right; }

    .clear{clear:both;}

    .blank10{ height:10px; clear:both; }

    .red{ color:red; }

    .blue{ color:blue; }

    展开全文
  • 盒子模型的组成 1,边框(border-top border-bottom border-left border-right border) 2,内容(元素) 3,内容到边框的距离叫做内边距 padding padding-top padding-bottom padding-left padding-right 4,盒子...
  • HTML5新特性 HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性。 这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性...
  • [CSS3] 学习笔记--CSS盒子模型 1.CSS盒子模型概述 盒子模型的内容范围包括:margin(外边距).border(边框).padding(内边距).content(内容)部分组成. 2.内边距 内边距在content外,bord ... CSS样式----盒子模型(图文...
  • 盒子模型概念2.高和宽设置3.边框设置4.内边框设置5.外边框设置6.盒子的计算7.元素显示方式3-1 width属性宽度width:长度值、百分比、auto最大宽度max-width:长度值、百分比、auto最小宽度min-width:长度值、百分比...
  • 需求分析制作网页时,经常需要给盒子设置边框,以修饰和美化元素的显示样式,常用方法如下:对盒子的四条边定义不同宽度、颜色、样式的边框盒子背景颜色和边框的合理搭配案例分析效果如图4-1所示。顶部导...
  • CSS3模型,是面试时的常见问题,也是开发中不容忽视的部分,该文介绍了盒模型的相关知识。
  • } 复制代码 3.绝对定位 translate .parent{ width:600px; height:600px; margin:auto; position: relative; background-color: #000; } .child{ width:200px; height:200px; background-color: red; position: ...
  • HTML盒子模型话不多说,直接上一段代码(参考来自这里):div { width: 400px;height: 100px;border: 6px solid #949599;margin: 20px;padding: 20px;}效果(图片来自这里):这里非常有趣,实际所...
  • CSS中,盒子模型有W3C标准盒子模型和IE盒子模型两种,这里所谈的是基于W3C标准的盒子模型。所有HTML元素都可以看作盒子,即所有HTML标签都支持盒子模型的属性,在CSS中,"box model"这一术语是用来设计和布局时...
  • css3盒子模型 box-sizing

    2021-10-07 16:20:22
    css3盒子模型 box-sizing 传统盒子模型计算:盒子的宽度=css中设置的width+border+padding 需要计算 css3盒子模型:盒子的宽度=css设置的宽度 已经包含 border和padding ,border和padding不会撑大盒子 移动端可以...
  • 第六章:CSS3盒子模型 一.预习笔记 1.盒子模型的概念     盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都是由元素的内容,内边距,边框,外边距...
  • css 盒子模型理解

    千次阅读 2021-01-17 14:56:36
    盒子模型是html+css中最...一、css盒子模型概念CSS css盒子模型 又称框模型 (Box Model) ,包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。如图:图中最内部的框是元素的实际内...
  • 一、 什么叫盒子模型盒子模型这个名词来自英文里面的Box modelmodel。怎么理解盒子模型呢?我认为凡是里面可以盛装其他内容的标签,我们都可以称之为盒子。例如:div,p,span等等标签都可以往里面再添加元素,我们都...
  • 目录概述在div+css中,了解块级元素和行内元素还是非常有必要的,比如:对行内元素使用width属性就会失效...盒子模型css盒子模型分为两种,一种是遵循w3c标准的标准盒子模型,另外一种就是IE盒子模型。标准盒子模型...
  • CSS盒子模型就是在CSS技术所使用的一种思维模型。CSS假定所有的HTML文档元素都生成一个描述该元素在HTML文档布局中所占空间的矩形元素框,可以形象地将其看作是一个盒子。通过定义一系列与盒子相关的属性,可极大地...
  • HTML CSS盒子模型

    2021-06-03 20:20:29
    一、CSS盒子模型 1、CSS盒子模型简介 在HTML页面中,每一个元素都是一个规则的矩形,因此每一个元素都由一个盒子模型来表示,盒子模型由四个区域组成: (1)content box:内容区域 (2)padding box:内边距区域 ...
  • CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型,指在一个网页文档中,每个元素都被呈现为一个矩形的盒子,描述了元素所占空间的内容。盒子模型是CSS中一个重要概念,理解了盒子模型才能更好的...
  • 文章目录盒子模型认识盒子模型盒子模型的相关属性边框属性外边距属性内边距属性背景属性CSS3新增盒子模型属性元素类型转换块级元素行内元素div和span标签元素类型转换 盒子模型 认识盒子模型 盒子模型:网页布局的...
  • 博学谷——让IT教学更简单,让IT学习更有效PAGE 12PAGE 1《HTML+CSS+JavaScript网页制作案例教程》... 某某老师201 年 月 日课题名称第4章 CSS盒子模型计划课时8课时内容分析盒子模型是CSS网页布局的基础,只有掌握...
  • css3 盒子模型

    2021-01-08 21:47:47
    CSS盒子模型 CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容 ...
  • CSS盒子模型:W3C组织建议把所有的网页上的对象都放在一个盒子中(在定义盒子宽高的时候,要考虑到内填充,边框,边界的存在)一个盒子的构成:盒子中的内容:content盒子的边框:border盒子边框与内容之间的距离:...
  • CSS盒子模型知识总结

    2020-12-29 00:15:32
    本章内容:知识点一:盒子模型:Box Model,由有内容(element content)、填充(padding)、边框(border)、边界(margin)这四个组成部分,这四个部分都包含有top/right/bottom/left四个组成部分。从w3school上下载的图片...
  • HTML/CSS编写盒子模型

    2021-06-08 09:52:20
    DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, ...
  • CSS盒子模型

    2021-01-22 22:38:55
    盒子模型概述 1.认识盒子模型 所谓盒子模型就是把页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器,每个矩形都由元素的内容,内边距(Padding)、边框(Border)、和外边距(Margin)组成。 例: <!...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 45,311
精华内容 18,124
关键字:

html5css3盒子模型