现在的盒模型主要有三种： 1. 标准盒模型 box-sizing: content-box; 这种盒模型是平时默认使用的方式。即设置的width/height的属性是content-box的属性。 2. 怪异盒模型 box-sizing: border-box; 这种盒模型在实际开发中最方便。即wi ...
分类：
其他好文 时间：
2020-03-12 09:40:46
阅读次数：
49
我们都知道CSS盒模型分为IE盒模型和W3C标准盒模型，它们的计算方式和一个CSS属性有关box-sizing。box-sizing属性值content-box | border-box 默认值：content-boxcontent-box当我们对元素设置content-box.demo1 { bo... ...
分类：
其他好文 时间：
2020-03-06 22:09:58
阅读次数：
61
1、外边距：改变元素外边的间距（margin可以为负值） margin:一个值；一个值 改变四个方向 padding:34px; margin:两个值；每个值控制两个方向 padding:5px 24px;上下 左右 margin:三个值；上 左右 下 margin:四个值；上 右 下 左 marg ...
分类：
其他好文 时间：
2020-03-06 15:20:32
阅读次数：
62
一、伸缩布局盒模型(弹性盒模型) css3引入一种新的布局模式——flexbox布局，即伸缩布局盒模型，用来提供一个更有效的方式制定、调整和分布一个容器里的子项目布局，即使他们的大小是未知或者动态的。 主要思想是让容器有能力让其子项目能够改变其宽度、高度（甚至顺序），以最佳的方式填充可用空间（主要是 ...
分类：
移动开发 时间：
2020-02-29 22:37:15
阅读次数：
94
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。 兼容性： Base Browsers: IE8.0+, Firefox40.0+, Chrome40.0+, iOS8.0+, An ...
分类：
其他好文 时间：
2020-02-28 12:17:36
阅读次数：
72
移动端布局 最近写vue项目，已经忘了移动端布局，今天复习了一下弹性盒；o(╥﹏╥)o 百分百布局 rem布局 响应式布局 弹性布局 怪异盒模型 box sizing：以特定的方式定义匹配某个区域的特定元素。 conten box：标准盒模型；宽度和高度分别应用到元素的内容框。在宽度和高度之外绘制元 ...
分类：
Web程序 时间：
2020-02-26 21:14:30
阅读次数：
87
BFC 定义 BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。 在解释什么是BFC之前，我们需要先知道Box、Fo ...
分类：
Web程序 时间：
2020-02-26 17:01:49
阅读次数：
68
受近期疫情影响，我们都不能出家门，那么我们在家可以学习新知识，在逆境中提升自己。加油！！！逆战！！！盒模型： 盒模型是网页布局的基石。只有理解这个重要的概念，才能对网页进行更好的布局。 盒模型的概念： 盒模型从里到外分为：内容区[content]（可以是文字，图片，视频等等）、内填充[padding ...
分类：
Web程序 时间：
2020-02-25 19:37:05
阅读次数：
81
转眼已经是2020年的二月下旬了，一场疫情，改变了我之前的生活节奏。年过完了，疫情任然没有结束。在家隔离的这段时间，对我来说也是一个机会，因为不能出门反而使我能够静下心来安心认真的学习，学习充实了我的生活。最近我学习了盒模型，想和大家分享下对盒模型的理解，希望通过和大家的交流来补充自己的不足之处。 ...
分类：
其他好文 时间：
2020-02-23 20:27:31
阅读次数：
54
