“CSS相关”目录存档
2017年10月27日,星期五
我觉得CSS3 Backgrounds比较厉害的一个地方就是支持多背景,也就是背景图片个数可以无限累加,正好CSS3的gradient渐变性质是background-image
,于是,我们可以实现任意数量渐变背景图的叠加效果。甚至,理论上,任意彩色jpg
图片都是可以使用CSS3渐变背景实现的。
当然我们实际开发的时候,是不会使用CSS3渐变来模拟一张图片的,更多是用来生成一些简单实用的图形。
本文就将通过实现虚线,三角以及加号减号等案例,展示下CSS3 linear-gradient线性渐变要图形生成技巧。
阅读全文…
标签:border, css3, gradient, 三角, 图形生成, 渐变, 虚线
发布在 CSS相关 | 10 条评论 »
2017年03月30日,星期四
很多人只要一提到@font face
规则,心中就会不由自主“哦~~”的一声:“这个我知道,可以用来生成自定义字符小图标!”话是没错,问题在于很多人就以为生成字符小图标就是@font face
规则的全部,实际上只是功能之一,如果真正了解@font face
规则,你会发现,@font face
规则可以做的事情其实非常多,尤其我们不考虑IE7,IE8浏览器的情况下……
阅读全文…
标签:css3, font, font-face, font-family, font-feature-settings, font-stretch, font-variant, unicode-range, 中文字体, 思源黑体, 汉仪旗黑
发布在 CSS相关 | 23 条评论 »
2017年03月25日,星期六
虽然一些常见中文字体直接使用中文名称作为CSS font-family
的属性值也能生效,但我们一般都不使用中文名称,而是使用英文名称,主要是规避乱码的风险。还有一些中文字体,直接使用中文名称作为CSS font-family的属性值是没有效果的,需要使用对应的英文字体名称才可以。也即是说,不管怎样,你要想使用中文字体,就必须要知道其对应的英文名称…
阅读全文…
标签:font-family, 中文字体, 兰亭黑体, 字体, 宋体, 思源黑体, 汉仪旗黑, 苹方, 黑体
发布在 CSS相关 | 18 条评论 »