CSS
关注
分享
扫一扫
文章平均质量分 80
Servenity
Web前端在于无止境得折腾。
展开
-
CSS骇客
一、条件骇客语法：? IE ?]>HTML代码块取值：if条件共包含6种选择方式：是否、大于、大于或等于、小于、小于或等于、非指定版本是否：指定是否IE或IE某个版本。关键字：空大于：选择大于指定版本的IE版本。关键字：gt（greater than）大于或等于：选择大于或等于指定版本的IE版本。关键字：gte（greater than or e原创 2016-12-07 15:06:14 · 1337 阅读 · 0 评论 -
老版本IE中的BUG
1、如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}2、IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生双倍边距的BUG？方法：#test{display:inline;}3、当在IE6及更早浏原创 2016-12-07 15:11:28 · 393 阅读 · 0 评论 -
CSS中常用解决问题的技巧
1、如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的和值都可以方法3：#test{font-size:0;line-height:0;}#test为img的父原创 2016-12-07 15:18:30 · 288 阅读 · 0 评论 -
元素、文字垂直居中
让一个元素垂直居中是我们开发经常遇到的问题，下述整理各种情况：div垂直居中场景设定：让一个50px*50px的Div在一个200px*200px的Div中垂直居中。style> #content { width: 200px; height: 200px; border: 1px dashed #333; } #content转载 2017-03-20 10:03:19 · 476 阅读 · 0 评论 -
前端性能优化（二）
规则5：压缩组件 压缩组件可以使响应包变小，缩短传输时间。HTTP1.1中，可以通过Accept-Encoding:gzip（gzip是目前最理想的压缩方法）进行控制（上述已提及）。需要注意的是：图片和pdf不应该压缩，因为它们本来就已经被压缩过了，试图对它们压缩只会浪费CPU资源，还可能增加文件大小。代理缓存 上述阐述的方式对于浏览器和服务器直接通信会工作的很好，当浏转载 2017-03-20 10:22:42 · 364 阅读 · 0 评论