摘要: 伪元素的英文是pseudo-element,意思是虚假的元素。 在CSS2中,伪元素(如:before)与伪类(如:hover)都是以单引号开头;在CSS3中,为了跟伪类区分,变成双冒号(如::before),但为了浏览器兼容,大多数还在继续使用单冒号。 总体概括,伪元素有以下几个重点:1. 必须设 阅读全文
posted @ 2016-06-29 15:03 cross.f 阅读(497) 评论(0) 推荐(1) 编辑
摘要: 整理一下几年前写的知识点,关于如何用纯CSS写三角形。 方法1:利用CSS3旋转正方形 知识点: 兼容性:FF/Chrome/IE9+ html: CSS: 也可以把伪元素变成空标签,如: html: CSS: 方法2:利用border属性 知识点:border设置的边,会彼此叠加。 兼容性:FF/ 阅读全文
posted @ 2016-06-16 16:47 cross.f 阅读(3466) 评论(0) 推荐(6) 编辑
摘要: 在制作图片列表时,因为统一给li设置margin-right的值,而导致最右边的图片折行。应对这个问题,总结了几个解决方案。 以“页面宽度1000px,一行四图”为例。 1. 设置ul宽度 思路: ul父级div设置width与overflow; ul设置width的值大于四个图的宽度加上外边距 代 阅读全文
posted @ 2016-06-02 16:15 cross.f 阅读(1432) 评论(0) 推荐(0) 编辑