标签 CSS 下的文章

文蔺 发布于 2017-08-04

[译] font-display 的使用

进行性能优化时,决定 Web Font 的加载行为是一项技术活。@font-face规则中新增了一个font-display声明,开发者可以根据 Web Font 的加载时间来决定如何渲染或降级处理。字体渲染差异有了 Web Font,开发者可以在项目中加入丰富的排版功能。但需要权衡的是,下载字体会耗费一些时间。而下载时间难免会受到网络状况的影响,继而干扰用户体验。说实话,如果连页面展示都费劲,谁...

阅读全文 »

文蔺 发布于 2016-11-30

[译] CSS 方法论的选择

本文转载自:众成翻译译者:文蔺链接:http://www.zcfy.cc/article/1828原文:http://simurai.com/blog/2016/11/27/css-methodologies多年来,CSS 方法论层出不穷。不幸的是,并不存在适用所有场景的最佳选择。本文介绍了一些适用于不同情况的 CSS 方法论。好,跟我一起开始踩坑之旅吧。我只需要创建一个单页面或简单的站点。内容以...

阅读全文 »

文蔺 发布于 2016-11-14

笔记:IE 下透明度问题

IE8 下面遇到奇怪的问题。本来半透明的 png 图片,竟然一片黑。然而,我明明按照习惯使用了 opacity + filter 的方式。(opacity)结果发现,IE8 完全不是这么解析的。于是想起之前看过不少地方提到为 IE8 准备的 -ms-filter(主要是滤镜什么的)。然后产生了下面这个方法:.Microsoft.Alpha(Opacity)(opacity)要么是我以前真的没好好拿...

阅读全文 »

文蔺 发布于 2015-04-29

记一种水平垂直居中的办法

又学到了一种水平垂直居中的方法。适用于父级元素只有一个子元素的情况,比如全屏的效果。父级元素:pos-r, w、h设定;子元素:pos-a,w、h设定, t0 b0 l0 r0, m-a。以前只知道 margin: 0 auto 之类的,从来没想到 margin: auto 的妙用...孤陋寡闻了...!DOCTYPE.outer.inner.效果如下:...

阅读全文 »