盒模型又叫框模型,包含了五个用来描述盒子位置、尺寸的属性,分别是宽度 width、高度 height、内边距 padding、 边框 border、外边距 margin。

常见盒模型区域:

• 盒模型的属性中,根据不同属性的效果,可以划分区域:

• 书写元素内容区域:width+height

• 盒子可以实体化的区域:width+height+padding+border

• 盒子实际占位的位置:width+height+padding+border+margin

盒模型图:

学习过程中,学会查看浏览器控制台中的盒模型图:

最新文章

  1. AJAX格式
  2. [2015hdu多校联赛补题]hdu5384 Danganronpa
  3. easyUI删除行的操作
  4. 仿Material UI框架的动画特效
  5. Tomcat安装及配置
  6. 怎样解决MySQL数据库主从复制延迟的问题---流行网站的解决办法(转载)
  7. java 哪些情况下会使对象锁释放
  8. python版本简历
  9. C++对C的实用性增强
  10. 图像检索(2):均值聚类-构建BoF
  11. AppBoxFuture(五): 分布式文件存储-Store Everything
  12. 《.NET 进阶指南》读书笔记2------定义不可改变类型
  13. eclipse安装Activiti
  14. 编写一个求和函数sum,使输入sum(2)(3)或输入sum(2,3),输出结果都为5
  15. Python 抖音机器人,论如何在抖音上找到漂亮小姐姐?
  16. python基础知识点四
  17. 大数据入门到精通3-SPARK RDD filter 以及 filter 函数
  18. 怎样实现在DBGrid中双击选择整行,并且可以多选?谢谢!!
  19. MySQL中INSERT的一般用法
  20. Scrum Meeting Beta - 9

热门文章

  1. 处理GET和POST的中文乱码问题
  2. 抓包工具Fidder
  3. Ubuntu16 改 静态IP的方法
  4. react的生命周期和使用
  5. Django中logging的设置
  6. HTML+CSS+JS制作一个黑灰色简约时钟
  7. redis过期事件监听
  8. vue原理
  9. spring boot读取本地文件
  10. VeeValidate 注册实例