一、盒子模型练习 我们有个需求： 创建两个盒子，大盒子嵌套一个小盒子，大盒子是红色的，小盒子是蓝色的，并且小盒子在大盒子中是居中的。 注意点： （1） 注意点：如果两个盒子是嵌套关系，设置里面的盒子的外边距的话，外面的 盒子也会顶下来 ，即：仅有属性： margin-left:100px; marg ...
分类：
Web程序 时间：
2019-10-14 01:36:24
阅读次数：
121
参考：https://www.cnblogs.com/chenwenhao/p/11217590.html 盒模型 如何实现一个最大的正方形 用 padding-bottom 撑开边距 一行水平居中，多行居左 水平垂直居中 16种方法实现水平居中垂直居中（http://louiszhai.githu ...
分类：
Web程序 时间：
2019-10-13 19:05:42
阅读次数：
121
1.css3盒模型： ①margin外边距： Margin-top，Margin-right，Margin-bottom，Margin-left ②Border边框： Border-width Border-style:solid实线边框，dotted点状边框，double双线边框 Border-c ...
分类：
Web程序 时间：
2019-10-11 12:39:17
阅读次数：
93
[TOC] 前端内容介绍 静态网页：没有与用户进行交互而仅仅供读者浏览的网页。 动态网页：用户不仅仅可以浏览网页，还可以与服务器进行交互。 网页组成：HTML（结构）+CSS（样式）+JavaScript（行为） web服务本质：浏览器(客户端)发请求—— HTTP协议—— 服务端返回响应—— 服务 ...
分类：
Web程序 时间：
2019-10-10 20:48:08
阅读次数：
162
1、在进行界面设计时，Margin 和Padding都是对边距进行限制的，其区别在于“一个主外，一个主内”。 Margin （边缘）是约束控件与容器控件的边距，设置值分别代表左上右下，使用 Margin="20" 同时指定四个值。 Padding （衬垫）是约束控件内部输入边距的，只有部分控件有此属 ...
外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者 在父级容器有上下外边距的情况下，子元素如果添加外边距，父元素和子元素的垂直方向上的外边距会合并，相邻元素也会合并。在用margin给子元素和父元素之间留空白的时候通常会发生这 ...
分类：
其他好文 时间：
2019-10-09 12:13:46
阅读次数：
173
为了方便起见，我们通过1200px宽的屏幕来讲解bootstrap中container、row、col的css属性值为何这样设置的原理 在1200px屏幕中为何container的宽度设置为1170px? 为了在1200px宽的设备两边留出一定的边距，因此将container的宽度设置为1170px ...
分类：
其他好文 时间：
2019-10-07 09:29:44
阅读次数：
78
㈠基本概念是什么？ ⑴页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒模型由外而内包括：边距（margin）、边框（border）、填充（padding）、内容（content）。它在页面中所占的实际宽度是margin + border + paddint + content ...
分类：
其他好文 时间：
2019-10-03 23:56:28
阅读次数：
225
dom.style.width/height：只能取出内联样式的宽度和高度 dom.currentStyle.width/height：获取即时的计算的样式，但是只有IE支持 window.getComputedStyle(dom).width：获取即时计算的样式，支持其他浏览器，兼容性更好 dom ...
分类：
Web程序 时间：
2019-10-01 22:15:47
阅读次数：
160
什么是BFC BFC是什么并不重要。重要的是开启它干嘛？以及如何开启它 根据W3C的标准，在页面中元素都一个隐含的属性叫做Block Formatting Context（块级 格式化 环境）简称BFC 开启元素的BFC后，元素会有如下特性： 1.父元素的垂直外边距不会和子元素重叠。 2.开启BFC ...
分类：
Web程序 时间：
2019-10-01 18:41:35
阅读次数：
222
