码迷,mamicode.com
首页 > Web开发 > 详细

css 盒模型

时间:2019-02-23 01:24:59      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:去掉   宽高   alt   了解   http   情况   标准模式   .com   升级   

盒模型分为两种,一种是标准模式下的盒模型,另一种是怪异模式下的盒模型

再说盒模型前先了解一下什么是标准模式,什么是怪异模式

一般我们在写代码的时候都会注意到代码的顶端有一个<!DOCTYPE HTML>,这种情况下的渲染模式就是标准模式,把<!DOCTYPE HTML>去掉就是怪异模式

区分标准模式和怪异模式的作用,为了在浏览器升级后,一些在一些旧版本上开发的代码能依旧使用

下面正式来看看什么是标准盒模型,什么是怪异盒模型

技术图片

 

技术图片

 可以看出怪异盒模型(IE盒模型)的宽高是包含了padding的,而标准的是不包含的

 

css 盒模型

标签:去掉   宽高   alt   了解   http   情况   标准模式   .com   升级   

原文地址:https://www.cnblogs.com/arcbala-1412/p/10421250.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!