[译] font-display 的使用
进行性能优化时，决定 Web Font 的加载行为是一项技术活。@font-face规则中新增了一个font-display声明，开发者可以根据 Web Font 的加载时间来决定如何渲染或降级处理。字体渲染差异有了 Web Font，开发者可以在项目中加入丰富的排版功能。但需要权衡的是，下载字体会耗费一些时间。而下载时间难免会受到网络状况的影响，继而干扰用户体验。说实话，如果连页面展示都费劲，谁...
标签CSS下的文章
[译] CSS 方法论的选择
本文转载自：众成翻译译者：文蔺链接：http://www.zcfy.cc/article/1828原文：http://simurai.com/blog/2016/11/27/css-methodologies多年来，CSS 方法论层出不穷。不幸的是，并不存在适用所有场景的最佳选择。本文介绍了一些适用于不同情况的 CSS 方法论。好，跟我一起开始踩坑之旅吧。我只需要创建一个单页面或简单的站点。内容以...
笔记：IE 下透明度问题
IE8 下面遇到奇怪的问题。本来半透明的 png 图片，竟然一片黑。然而，我明明按照习惯使用了 opacity + filter 的方式。img { opacity: 1; filter: alpha(opacity=100);}结果发现，IE8 完全不是这么解析的。于是想起之前看过不少地方提到为 IE8 准备的 -ms-filter（主要是滤镜什么的）。然后产生了下面这个方法：img {...
记一种水平垂直居中的办法
又学到了一种水平垂直居中的方法。适用于父级元素只有一个子元素的情况，比如全屏的效果。父级元素：pos-r, w、h设定;子元素：pos-a,w、h设定, t0 b0 l0 r0, m-a。以前只知道 margin: 0 auto 之类的，从来没想到 margin: auto 的妙用...孤陋寡闻了...<!DOCTYPE html><html lang="zh-CN">&l...