CSS盒子模型 margin： 用于控制元素与元素之间的距离；margin的最基本用途就是控制元素周围空间的间隔，从视觉角度上达到相互隔离开的目的。 padding： 用于控制内容与边框之间的距离 border（边框）：围绕咋内边距和内容外的边框 content（内容）： 盒子的内容，显示文本和图像 ...
分类：
Web程序 时间：
2019-05-30 16:05:25
阅读次数：
132
如何定义盒模型： 在CSS盒子模型理论中，页面中所有的元素都是看成一个盒子，并且还占据一定的空间。 一个页面是由很多这样的盒子组成的。这些盒子之间都会相会影响，因此我们掌握CSS盒模型相当重要。需要理解盒模型，我们需要从两个方面去考虑：一.理解一个单独盒子的内部结构，二是理解多个盒子之间的相互关系！ ...
分类：
Web程序 时间：
2019-04-22 22:35:56
阅读次数：
155
写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那么这篇文章可以帮助你。 小菜水平有限，本文仅仅是入门教程，不当之处请谅解！ 本文以div元素布局为例。 教程开始： 首先要知道，div是块级元素，在页面中独占一行， ...
分类：
Web程序 时间：
2019-04-09 15:21:47
阅读次数：
164
# 学习目标:> 1. 学会使用CSS选择器> 2. 熟记CSS样式和外观属性> 3. 熟练掌握CSS各种选择器> 4. 熟练掌握CSS各种选择器> 5. 熟练掌握CSS三种显示模式> 6. 熟练掌握CSS背景属性> 7. 熟练掌握CSS三大特性> 8. 熟练掌握CSS盒子模型> 9. 熟练掌握CS ...
分类：
Web程序 时间：
2019-04-03 12:51:38
阅读次数：
228
前端之HTML，CSS（六） CSS 盒子模型 CSS中的重点，理解盒子模型对于CSS才能有更清晰的认识。网页说简单一点其实就是一块一块的拼接出来的，可以想象成拼图，所有图块拼接在一起就成了一幅图像。如此而言，网页就是拼接后的图像，那盒子就是图块了。 可以看到粗略的把网页的一部分截切成单个小盒子了， ...
分类：
Web程序 时间：
2019-03-05 21:30:45
阅读次数：
232
最后发现，巩固基础才是关键。 盒子模型 padding 可以设置四个值，如图 表示内边距，内容与盒子 上右下左 的距离。 记住顺时针转就行。 如果padding不全，那么就和对面的padding一样。 如图，只规定了两个，但是在下面的盒子模型中默认使得对面的padding属性一致。 只规定一个，那么 ...
分类：
Web程序 时间：
2019-02-28 14:59:56
阅读次数：
180
盒子模型 一个盒子包括外边距、边框、内边距和实际内容 Margin(外边距)：清除边框外的区域，外边距是透明的。 Border(边框)：围绕在内边距和外边距的边框。 Padding(内边距)：清除内容周围的区域，内边距是透明的。 Content(内容)：盒子的内容，显示文本和图像。 例如下面一个例子 ...
分类：
Web程序 时间：
2019-01-01 16:15:36
阅读次数：
410
CSS 盒子模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图 ...
分类：
Web程序 时间：
2018-12-29 13:50:37
阅读次数：
170
