您好!欢迎进入紫石头原创模板堂!
网站首页 | 购买流程 | 关于我们 |  联系方式 |  客服热线:0371-56789-390
当前位置:首页 >> 建站知识 >> 详情
扫二维码关注紫石头原创模板堂 4大优势,全网首家
  • NO.1

    模板类网站比起独立设计的网站来讲价格低的多,因为很多东西是已经做成的,成本就低很多!

  • NO.2

    开源模板网站,任意修改使用!服务好到没话说!模板建站经常被贴上服务差的标签,而紫石头完全打破这样的格局!

  • NO.3

    模板网站还享受设计型网站同等级售后服务,这不是做梦!紫石头原创模板站,让这一切变为可能!

  • NO.4

    建站速度快,购买后简单修改即可投入使用。设计型网站正常需要10~20个工作日,而模板站只需要几个小时!

免费咨询热线
0371-56789-390

CSS3盒子模型
发表:紫石头原创模板堂    发表时间:2019-06-04 09:13:04    阅读:65

    所有HTML元素可以看作盒子。CSS盒模型本质上是一个盒子,封装周围的HTML元素,包括:边距、边框、填充和实际内容。

    不同部分的说明:
    Margin:外边距,清除边框外的区域,外边距是透明的。
    Border:边框,围绕在内边距和内容外的边框。
    Padding:内边距,清除内容周围的区域,内边距是透明的。
    Content:盒子的内容,显示文本和图像。
    总元素的宽度 = 宽度 + 左填充(padding) + 右填充 + 左边框 + 右边框 + 左边距 + 右边距
    两种盒模型的比较:
    盒模型分为W3C的标准盒模型和IE盒模型。
    标准盒模型的宽度就是content的宽度,高度是content的高度,而IE盒模型的宽度是content+padding+border的总和。
    切换盒模型的方法:设置box-sizing属性。
    box-sizing: content-box //W3C盒子模型
    box-sizing:border-box //IE盒子模型
工作时间:周一至周五(08:30~18:00)
Copyright ©2003-2020 永易搜旗下紫石头原创模板堂 All Rights Reserved 豫ICP备14011598号-7 营业执照