盒子模型的概念：
所谓盒子模型就是把HTML页面中的元素看做是一个矩形的盒子，也就是一个装内容的容器。每个矩形都由元素的内容、内边距、边框和外边框组成。
一个盒子占据的区域：
边框（border）+内边距（padding）+内容区域（weight和height）+外边距（margin）
背景色可以穿透边框
结论：
网页就是多个盒子嵌套排列的结果。
内边距出现在内容区域的周围，当给元素添加背景色或背景图像时，该元素的背景色或背景图像也出现在内边距中。
外边距是该元素与相邻元素之间的距离。
如果给元素定义边框属性，边框将出现在内边距与外边距之间。
ie6盒模型bug：
背景色不能穿透边框（需保证DOTYPE为HTML5的标准）
边框设置：
边框的妙用：
border: 0 none; 去掉默认边框，兼容所有浏览器
用border实线绘制圣诞树
内边距的使用：
padding合写：上 右 下 左顺序。背景色可穿透内边距
盒子模型的概念： 所谓盒子模型就是把HTML页面中的元素看做是一个矩形的盒子，也就是一个装内容的容器。每个矩形都由...
1. 标签的常用用法 2. 相对路径和绝对路径 ---相对路径： ../ 该操作表示相对于当前目录的父级...
1. 什么是浏览器什么是服务器端 -----浏览器：通过输入网址，帮助用户进行浏览网页的软件（包括Chrome，I...
CSS复合选择器 1. 标签指定式选择器 2. 后代选择器 3. 并集选择器 4. 子元素选择器 5. 属性选择器...
1、盒模型 答：分为标准盒模型和怪异盒模型（IE盒模型） 标准盒模型：宽高（content）+ padding +...
1、 盒模型 答：分为标准盒模型和怪异盒模型（IE盒模型） 标准盒模型：宽高（content）+ padding ...
盒模型 盒模型分为IE盒模型和W3C标准盒模型。 IE盒模型 IE盒模型也称border-box。属性width，...
（一）布局 1、html中的标签元素大体被分为三类：块状元素、内联（行内）元素、内联块状元素 1.1、常用的块状元...
前端第四天 目录： 盒模型之display 盒模型之overflow 盒模型之隐藏 盒模型之border 盒模型之...
本文标题：黄劲凯盒模型笔记
本文链接：https://www.haomeiwen.com/subject/afvnwttx.html
网友评论