会员
众包
新闻
博问
闪存
赞助商
HarmonyOS
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
九九八十一
博客园
首页
新随笔
联系
订阅
管理
2016年6月29日
基于伪元素(before/after)的有趣实例
摘要: 伪元素的英文是pseudo-element,意思是虚假的元素。 在CSS2中,伪元素(如:before)与伪类(如:hover)都是以单引号开头;在CSS3中,为了跟伪类区分,变成双冒号(如::before),但为了浏览器兼容,大多数还在继续使用单冒号。 总体概括,伪元素有以下几个重点:1. 必须设
阅读全文
posted @ 2016-06-29 15:03 cross.f
阅读(515)
评论(0)
推荐(1)
2016年6月16日
重新整理:纯CSS写三角形
摘要: 整理一下几年前写的知识点,关于如何用纯CSS写三角形。 方法1:利用CSS3旋转正方形 知识点: 兼容性:FF/Chrome/IE9+ html: CSS: 也可以把伪元素变成空标签,如: html: CSS: 方法2:利用border属性 知识点:border设置的边,会彼此叠加。 兼容性:FF/
阅读全文
posted @ 2016-06-16 16:47 cross.f
阅读(3478)
评论(0)
推荐(6)
2016年6月2日
图片列表不换行的几种方式
摘要: 在制作图片列表时,因为统一给li设置margin-right的值,而导致最右边的图片折行。应对这个问题,总结了几个解决方案。 以“页面宽度1000px,一行四图”为例。 1. 设置ul宽度 思路: ul父级div设置width与overflow; ul设置width的值大于四个图的宽度加上外边距 代
阅读全文
posted @ 2016-06-02 16:15 cross.f
阅读(1487)
评论(0)
推荐(0)
公告