CSS 小技巧 总结的网络上的资源，以备自己后续参考。。。 使用:not()去除导航上不需要的边框 为body添加行高 垂直居中任何元素 逗号分离的列表 使用负nth-child选择元素 使用SVG图标 文本显示优化 在纯CSS幻灯片上使用max-height 继承box-sizing 表格单元格等 ...
分类：
Web程序 时间：
2017-02-19 20:20:54
阅读次数：
159
css的盒模型包含了content（元素自身）、padding（内边距）、border（边框）及margin（外边距）。 如图，浏览器控制台elements的computed可以清晰显示元素盒模型，鼠标多动动就明白了：（蓝色区域表示content元素自身，这里是整个窗口的内容） 盒模型有两种：标准模 ...
分类：
Web程序 时间：
2017-02-16 23:41:18
阅读次数：
263
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
<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <title></title> <style> *{ margin:0; padding:0; box-sizing:border-box } html{ font-size:12px; f..
分类：
Web程序 时间：
2017-02-07 17:12:12
阅读次数：
272
<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <title></title> <style> *{ margin:0; padding:0; box-sizing:border-box } html{ font-size:12px; f..
分类：
Web程序 时间：
2017-02-07 17:10:58
阅读次数：
177
<!DOCTYPEhtml><html><head> <metacharset="utf-8"> <metahttp-equiv="X-UA-Compatible"content="IE=edge"> <title></title> <style> *{ margin:0; padding:0; box-sizing:border-box } html{ font-size:12px; f..
分类：
Web程序 时间：
2017-02-07 17:08:24
阅读次数：
179
目录 专业的技巧 支持情况 贡献准则 专业的技巧 使用CSS复位 CSS重置帮助实施用干净的石板为造型元素在不同的浏览器风格的一致性。您可以使用CSS复位库像Normalize等，也可以使用一个更简化的复位方法： * { box-sizing: border-box; margin: 0; padd ...
分类：
Web程序 时间：
2017-02-06 14:33:23
阅读次数：
321
box-sizing：content-box|border-box|inherit; 默认值：content-box 适用于：所有接受width和height的元素 继承性：无 示例： content-box: .test1{ box-sizing:content-box; width:200px; ...
分类：
Web程序 时间：
2017-02-04 18:01:18
阅读次数：
752
https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing http://www.w3school.com.cn/cssref/pr_box-sizing.asp http://www.w3school.com.cn/tiy/t.asp?f ...
分类：
其他好文 时间：
2017-02-01 22:34:45
阅读次数：
167
