一、CSS排版原理 box-sizing 改变盒模型计算方式 取值：border-box | content-box 初始值：content-box 举个例子： <div class="box a">Box A</div> <div class="box b">Box B</div> <style> ...
分类：
Web程序 时间：
2020-06-02 20:36:22
阅读次数：
111
标准盒模型与IE盒模型 开发者们都知道，由于历史遗留问题与既定标准的发展，存在着两个css盒模型。即W3C的标准盒模型以及IE的怪异盒模型。在css中，可以用box-sizing去定义元素的盒模型。 比较这两个盒模型的差异之前，我们先来看一张图： 先不讨论宽高，我们把一个元素的组成分为：conten ...
分类：
其他好文 时间：
2020-05-30 21:38:56
阅读次数：
56
# 5.盒模型 - box-sizing:content-box | border-box; 默认content-box 一个盒模型的功能强弱，直接决定了布局是否简洁，决定了编程的复杂度。 正常盒子： boxWidth = width + border*2 + padding*2; IE6混杂模式的 ...
分类：
其他好文 时间：
2020-05-23 12:57:15
阅读次数：
54
1 网站排版模块化 2 先排好外面框架，再排内部具体 3 模块与模块间用margin （尽量设置一边，如果是margin-top 就都用margin-top），内部用padding 4 外面最大100%，内部有border或者超过最大宽度时需要给外面设置 box-sizing: border-box ...
分类：
其他好文 时间：
2020-05-15 11:40:26
阅读次数：
73
<head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin-top: 10px; box-sizing: border-box; } span{ display:inline; width: 200p ...
分类：
编程语言 时间：
2020-05-11 13:34:43
阅读次数：
90
1、有关BFC的理解 2、盒模型的理解 3、box-sizing的理解 4、渐进增强 VS 优雅降级 5、url->页面加载完成的整个流程 6、js组成部分 7、如何跨域访问 8、js判断数组 9、严格模式 10、ajax的优缺点 11、HTML、XML、XHTML 有什么区别 12、html语义化 ...
分类：
其他好文 时间：
2020-05-09 22:53:04
阅读次数：
64
题目概览 怎样禁止表单记住密码自动填充？ 请说说 {box sizing: border box;}的作用及好处有哪些？ 对base64的理解，它的使用场景有哪些？ 题目解答 怎样禁止表单记住密码自动填充？ 原理： 隐藏用，隐藏后不占位置 隐藏用，隐藏后占原来的位置 隐藏用，隐藏与否取决于 相对的值 ...
分类：
其他好文 时间：
2020-05-06 01:43:17
阅读次数：
55
怪异盒模型 box-sizing:content-box 标准盒模型 总宽/高度=width+左右/上下padding+左右/上下border box-sizing:border-box 怪异盒模型（IE盒模型） 总宽/高度=width(包含padding和border) 弹性盒 特点：1、在弹性盒 ...
分类：
Web程序 时间：
2020-05-04 15:34:51
阅读次数：
89
CSS 盒模型 CSS CSS 盒模型 基本概念：标准模型 + IE模型 标准模型和IE模型的区别 标准模型 IE模型 二者区别，前者的宽度是内容宽度，后者的宽度是内容+内边距+border CSS 如何设置这两种模型 - 标准模型:box-sizing: content-box; - IE模型:b ...
分类：
Web程序 时间：
2020-05-03 17:02:30
阅读次数：
63
box-sizing:border-sizing -webkit-box-sizing:border-sizing -webkit-tap-highlight-color:transparent 清除点击高亮，如a -webkit-appearance:none 清除iOS中预置的样式，如input ...
分类：
移动开发 时间：
2020-05-01 22:36:05
阅读次数：
102
