飘落的蒲公英

摘要： CSS Sprites简介 技术文档https://css-tricks.com/css-sprites/ 通常被意译为“CSS图像拼合”或“CSS贴图定位”。但CSS Sprites并不是什么金科玉律，但在很多情况下，它有着一定的优势，最重要的是它可以减轻服务器的负载，提高网页加载速度。随着W... 阅读全文

摘要： border:none与border:0的区别体现为两点：一是理论上的性能差异，二是浏览器兼容性的差异。性能差异： 【border:0;】把border设为“0”像素效果等于border-width:0，浏览器依然对border-width、border-color进行了渲染，即已经占用了内存值。... 阅读全文

摘要： 解决内容溢出问题（比如说文章列表很长，而其宽度又受到限制，此时超出宽度的内容就会以（...）显示）：text-overflow1、clip:表示不显示省略标记(...)，而只是简单的裁切，需要在一定的高度范围内配合overflow:hidden属性使用，如果不配合的话将无任何效果；2、ellipsi... 阅读全文

摘要： CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文... 阅读全文

摘要： 一 基础用法在 CSS3 中为了区别伪元素和伪类为伪元素使用了双冒号，因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后，建议按照标准双写。过于老的浏览器可能会存在支持问题，不过伪元素大多是配合 CSS3 使用，就无所谓向下兼容了：p:before {}img::a... 阅读全文

摘要： 一、transition与visibilitytransition主要包含四个属性值：执行变换的属性：transition-property,变换延续的时间：transition- duration,在延续时间段，变换的速率变化transition-timing-function,变换延迟时间tra... 阅读全文