CSS

分享优秀的CSS代码、CSS最新动态、CSS hack技术、CSS模板、CSS工具等CSS资源

关于CSS重排和重绘的概念,最近看到不少这方面的文章,觉得挺有用,在制作中考虑浏览器的性能,减少重排能够节省浏览器对其子元素及父类元素的重新渲染;避免过分的重绘也能节省浏览器性能;优化动画,使用3D启用GPU硬件加速;慎重选择高消耗的样式,如box-shadow、border-radius、transform、css filters等。

阅读全文

各种CSS reset 代码,甚至有人专门做了一个叫css reset 的网站,专门收集这些代码,提供下载,但大部分的CSS reset都是在说PC上的CSS reset,有没有一个适合用于wap 或者APP的reset,今天分享一款写得很 ...

阅读全文

由于不同系统的字体差异,很多设计稿在Mac上设计的,到了windows上制作,并在windows下预览,往往会跟设计出来的有一些差异,而我们为了兼容各种操作系统和移动设备,不得不使用一些降级的方案。本文讲了一些比较常见的CSS字体兼容方案。

阅读全文

本文主要介绍一个Footer元素如何紧靠底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住浏览器底部。

阅读全文

任何CSS属性值为percent时,都需要根据某个参考值进行计算,搞明白这个参考值是什么,理解就容易多了。标准规定:background-position:perenct的参考值为: (容器宽度 - 背景图片宽度).

阅读全文

本文从几个方面讲了CSS的一些基础知识,包括CSS语法、CSS注释、CSS选择器、盒模型、布局和缩写等,帮你快速的过了一篇CSS的内容。

阅读全文

@doyoe 大神写的一篇新文章:background系列之无处不在的妙趣,给了一些新的思路和惊喜。我比较赞成第二种,使用伪元素来做,兼容性较好。第三种使用background渐变给我一亮,第四种改善background-origin很少见 ...

阅读全文

下面这几个CSS技巧你可能不知道,1.彩色照片变黑白,2.所有元素垂直居中,3.禁用鼠标,4.模糊文字,小编学完能量满满的,觉得对CSS又充满了爱,你也来看看。

阅读全文

张鑫旭的一篇文章,讲到20像素图标对齐和表单元素40像素对齐有所收获,谢谢@张鑫旭 ,很多观点跟平时的处理方式不谋而合,一般来说,我处理图标如果临近的话都会使用同样宽高,然后使用inline-block比较多,表单输入框和按钮以line-h ...

阅读全文