随笔分类 -  CSS

摘要:CSS Sprites简介 技术文档https://css-tricks.com/css-sprites/ 通常被意译为“CSS图像拼合”或“CSS贴图定位”。但CSS Sprites并不是什么金科玉律,但在很多情况下,它有着一定的优势,最重要的是它可以减轻服务器的负载,提高网页加载速度。随着W... 阅读全文
posted @ 2015-06-30 16:56 飘落的蒲公英 阅读(213) 评论(0) 推荐(0)
摘要:border:none与border:0的区别体现为两点:一是理论上的性能差异,二是浏览器兼容性的差异。性能差异: 【border:0;】把border设为“0”像素效果等于border-width:0,浏览器依然对border-width、border-color进行了渲染,即已经占用了内存值。... 阅读全文
posted @ 2015-06-30 16:14 飘落的蒲公英 阅读(283) 评论(0) 推荐(0)
摘要:CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文... 阅读全文
posted @ 2015-06-29 18:13 飘落的蒲公英 阅读(621) 评论(0) 推荐(0)
摘要:一 基础用法在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号,因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后,建议按照标准双写。过于老的浏览器可能会存在支持问题,不过伪元素大多是配合 CSS3 使用,就无所谓向下兼容了:p:before {}img::a... 阅读全文
posted @ 2015-06-29 18:12 飘落的蒲公英 阅读(194) 评论(0) 推荐(0)
摘要:在 IE6、IE7中不识别display:inline-block属性,但使用inline-block属性在IE下会触发layout,从而使内联元素 拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline- bl... 阅读全文
posted @ 2014-08-05 14:58 飘落的蒲公英
摘要:Visibility 和 Display 属性的区别 :Visibility属性的用法 :Visibility属性共有四个可用的值(visible、hidden、collapse和inherit),但常用的值是visible和hidden。以下为引用的内容:visibility:visible/*元... 阅读全文
posted @ 2014-08-05 13:19 飘落的蒲公英 阅读(125) 评论(0) 推荐(0)