CSS篇 1.CSS 盒子模型，绝对定位和相对定位 css盒模型有两种，一种是标准盒模型 一种是怪异盒子模型 1.box-sizing: content-box; // width = content + padding + border 2.box-sizing: border-box; // w ...
分类：
其他好文 时间：
2020-02-16 10:16:49
阅读次数：
141
盒子模型解释 元素在页面中显示成一个方块，类似一个盒子，CSS盒子模型就是使用现实中盒子来做比喻，帮助我们设置元素对应的样式。盒子模型示意图如下： 把元素叫做盒子，设置对应的样式分别为：盒子的边框(border)、盒子内的内容和边框之间的间距(padding)、盒子与盒子之间的间距(margin)。 ...
分类：
Web程序 时间：
2020-02-03 10:09:43
阅读次数：
80
什么是盒模型？？？ 用通俗的语言来讲就是将所有的HTML文档元素都生成一个矩形框，好比一个装东西的盒子，然后通过定义一些与盒子相关的属性，改变HTML文档的样式和布局结构。 CSS盒子模型由内容区、填充、边框和空白边四部分组成。内容区是盒子模型的中心，呈现盒子的主要信息内容；填充是内容区和边框之间的 ...
分类：
其他好文 时间：
2020-01-24 09:20:03
阅读次数：
80
CSS 盒子模型 （点击查看官方解释） 实际上网页中的每一个标签都可以看成一个盒子模型，而这个盒子模型从内到外有以下这几个元素组成 content 内容区域 padding 内边距 border 边框 margin 外边距 并且margin, border, padding分别有上下左右4个值 如上 ...
分类：
Web程序 时间：
2020-01-21 18:17:10
阅读次数：
78
前言 总括： 对于盒子模型，BFC，IFC和外边距合并等概念和问题的总结 原文地址：从CSS盒子模型说起 知乎专栏：前端进击者 博主博客地址：Damonare的个人博客 为学之道，莫先于穷理；穷理之要，必先于读书。 正文 ? CSS盒子模型是CSS基础中的基础，个人之前对于这块的理解有偏差?，由于涉 ...
分类：
Web程序 时间：
2020-01-21 12:07:49
阅读次数：
113
最近写项目过程中遇到一个CSS盒子模型中外边距（margin）折叠的情况，搞得我焦头烂额，之后再网上查阅了大量的资料，现做一个整理和总结，方便以后忘记的时候查阅，同时也供广大网友参考。如有错误或者总结方面不全的地方，欢饮广大网友指出。 外边距折叠的概念：所谓外边距折叠就是相邻的两个或多个元素（含有子 ...
分类：
Web程序 时间：
2020-01-20 00:22:21
阅读次数：
181
Margin(外边距) - 清除边框外的区域，外边距是透明的。 Border(边框) - 围绕在内边距和内容外的边框。 Padding(内边距) - 清除内容周围的区域，内边距是透明的。 Content(内容) - 盒子的内容，显示文本和图像。 ...
分类：
Web程序 时间：
2020-01-18 12:47:45
阅读次数：
83
盒子模型应该是html+css非常重要的内容，网页开发中必然会用到，但到最近我才真正的理解盒子模型的意义。 标准盒子模型 内容说明: Margin（外边距）: 清除边框区域。Margin没有背景颜色，它是完全透明。 Border（边框）: 边框周围的填充和内容。边框是受到盒子的背景颜色影响。 Pad ...
分类：
Web程序 时间：
2020-01-18 11:12:16
阅读次数：
157
盒子模型&双飞翼实现 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：外边距（margin）、边框（border）、内边距（padding）、实际内容（content）四个属性。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 盒模型有两种情况:W3C盒子模型和IE盒子模型 ...
分类：
Web程序 时间：
2020-01-12 23:35:07
阅读次数：
140
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章： 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类：
Web程序 时间：
2020-01-12 10:02:00
阅读次数：
91
