border-radiustext-shadowbox-shodow* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}backgroud-image: -webkit-gr ...
分类：
Web程序 时间：
2017-04-07 09:24:14
阅读次数：
146
一，padding-top与margin-top的默认占位为0； ex： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>border-box</title> <style> body{margin:0;pa ...
分类：
其他好文 时间：
2017-04-01 09:50:32
阅读次数：
167
w3c中盒子是width+height+border+padding ie中盒子是width 由于响应式布局普遍，w3c在h5中对盒子模型做了让步，使用box-sizing：border-content(由内向外变大)/border-box（由 外向内变小） ...
分类：
其他好文 时间：
2017-03-24 15:31:03
阅读次数：
137
全局设置 border-box 很好，首先它符合直觉，其次它可以省去一次又一次的加加减减 它还有一个关键作用——让有边框的盒子正常使用百分比宽度。但是使用了 border-box 可能会与一些依赖默认 box-sizing 的库冲突 不过这种问题大多数时候可以通过把交由这些库处理的块的 box-si ...
分类：
Web程序 时间：
2017-03-19 13:07:14
阅读次数：
342
inline-table:内联表格: list-item:把元素设置为列表项: 2、盒子的大小计算方式:box-sizing属性： border-box:此情况下设置的宽高为整个盒子(包含padding)的宽高; content-box:此情况下设置的宽高为盒子内容(不包含padding)的宽高; ...
分类：
Web程序 时间：
2017-03-13 15:08:52
阅读次数：
254
所有元素使用border-box, 并且允许元素修改其box-sizing 出处:https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ ...
分类：
其他好文 时间：
2017-03-13 10:10:58
阅读次数：
158
今天总结下mouseenter、mouseleave、mouseover、mouseout的区别，之前一直懵着用没仔细研究他们的区别，结果终于踢到铁板了。 上代码： <style> div { margin: 0 auto; } .box { box-sizing: border-box; padd ...
分类：
编程语言 时间：
2017-03-09 21:45:05
阅读次数：
183
盒模型 border-box content-box border-sizing:有两个值 border-box（容器的实际大小是用户设置的） border-sizing:有两个值 border-box（容器的实际大小是用户设置的） content-box(容器实际的大小就是设置的 width,he ...
分类：
其他好文 时间：
2017-03-06 22:22:52
阅读次数：
153
box-sizing: content-box; 标准盒子模型， 宽高=content的宽高 box-sizing: border-box; 怪异盒子模型（IE盒子模型），宽高=border+padding+content box-sizing: padding-box; 火狐盒子，宽高=paddi ...
分类：
其他好文 时间：
2017-02-15 13:36:43
阅读次数：
123
使用CSS复位 CSS复位可以在不同的浏览器上保持一致的样式风格。您可以使用CSS reset 库Normalize等，也可以使用一个更简化的复位方法： * { box-sizing: border-box; margin: 0; padding: 0; } 现在元素的 margin 和 paddi ...
分类：
Web程序 时间：
2017-02-10 14:47:08
阅读次数：
204
