分类目录归档：CSS

border-image诡异细线

border-image是一个强大的属性，但很遗憾，目前其真正强大的特性还没有办法使用，虽然已经好几年过去了

reset？normalize？需要吗？不需要吗？

PC站已经建好，且不打算改变HTML结构，mobile first原则不适用

分辨率,CSS像素,设备像素,设备像素比,像素密度,设备独立像素到底是啥意思？

2个月时间翻译完了CSS 2.1的spec,已被W3C收录

CSST的近义词是JSONP，而不是SASS、PostCSS之类的东西

介绍常见的图像术语，GIF、PNG、JPEG、WebP等图像格式的特点，以及CSS Sprite优化原则

最近在做博客样式改版，发现伪绝对定位不仅和栅格布局是绝配，而且很容易用media query改成响应式布局，算是伪绝对定位的另一个优点吧

iconfont图标字体是很老的技术了，在扁平化UI中很常见，本文详细介绍iconfont的优缺点、制作生成iconfont库、管理维护、兼容性、性能优化以及注意事项

border-image是CSS3属性，四个值切出九宫格不难理解，但存在一些小技巧与注意事项

前端工程师最需要积累哪方面的知识？答案是CSS，看看张鑫旭的博文分类就知道了，CSS的内容远比想象的多得多

网格布局也叫栅格化布局（栅格系统），在2005~2008年左右相当流行，榻榻米布局则广泛应用在扁平化UI风格中（win8 metro ui）

用Emmet语法写html、css有种非一般的感觉，不会再厌烦精确匹配标签，不会再讨厌样式属性名，也不用再去记浏览器前缀，只会埋怨自己思想跟不上手指

有没有比1px更细的线？支持css3就可以有，并且很容易实现

flex布局兼容性是个很尴尬的话题，各个高端的桌面浏览器与移动浏览器很有默契地都存在兼容性问题，本文详细解释兼容性问题并提供常用的兼容性较好的flex布局代码