设计师就业衔接班！45天 PS、AI、AE 从入门到入行 详情戳>>>
只要能把这节课的案例完整实现出来，那么大家就已经掌握了前端的初级水平，文章提供视频教程和源文件案例，快来免费学。
CSS 包含了非常多的属性和规则，学习 CSS 就是学习这些属性的用法，本篇内容中我们会挑选出最常用的属性做说明。
这一章，我们开始学习 CSS 样式表有关的知识点，通过 CSS 来控制 HTML 标签和元素的样式的方法和规范。
老是看见招聘信息要求懂代码，觉得是不是要懂代码才可以当UI设计师，为什么做设计还需要编程？为了解决这个问题，我们就来分享一个有关设计师和 "编程" 的系列干货，用所有人能看懂的讲解方式，帮助大家掌握这门基础，再也不会被这类招聘要求难倒。
编者按：今天的两个酷站，分别是高质量的图库网站+CSS 参考手册，它将所有 CSS 标签都列在网站中，同时提供快速检索功能，当你点击任一标签后会开启详细使用教学，让你真正了解每个语法标记如何使用。MMT这个图库收录许多高画质相片，且都具备一定的拍摄水平和风格，对于想找图的朋友来说也是个值得收藏的网站。
编者按：今天推荐两款神器，一个是可以帮我们节省很多的调试图像效果时间的CSS 滤镜，一个是提高设计师工作效率的音乐网站，可以模拟出咖啡馆的噪声，帮你更有效率地工作。今天和大家分享一款在线 CSS 滤镜工具，CSS 中有一个Filter 属性，可以为元素渲染各种像 PS 软件设计出来的照片特效，比如高斯模糊、透明、色彩反差、黑白、色彩饱和度、亮度等效果处理。
background是用来设置背景的元素，从最早的纯色填充发展到现在，不仅支持渐变，甚至能用上混合模式！今天@不到布这篇好文将一一为你阐释这些子属性的用法，周末学起来！
如果你曾仔细观察过当今的网页设计，你会发现有一部分网站的画质已经相当惊艳了。从图片、背景到界面元素，无一不是高清画质，它们几乎是为高分辨率甚至视网膜屏幕的笔记本精心定制的网站，当然，这些网站对于网速的要求自然也更高一些，而与此同时，这样的网站在任何设备上浏览自然也就基本不存在模糊这回事了。
栅格系统这种东西和许多同类工具/素材一样，“系统”二字让它看起来无比高大上，而实际上大多数的栅格系统只是一系列纵横交错的细线构成。很简单？
今天的资源是完全免费的 WebApp，这些 WebApp 能够为模板，渐变，甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者，这些资源可以帮助你节省很多时间，并可以为以后的项目提供可复用的源码。
Okepalettes 是一个比较特别的配色网站，它里面所有的配色方案都来自口袋妖怪里面的妖怪角色，口袋妖怪也称：Pokemon、宠物小精灵、神奇宝贝，相信不少用户看过这部动画片或玩过这个游戏。另外一枚网站是专门收集CSS Hover动画的，都很酷炫，来收~Pokepalettes配色网站目前有600多个口袋妖怪角色配色，用户可以输入角色的英文名称或者编号就可以快速转到对应的角色。
想做一个开发&设计并行的牛人？却不知道如何开始？
@设计达人网 ：随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必能看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。
讲解CSS基础知识、CSS高级技巧、CSS3选择器/属性，以及各种CSS设计模式的图书可谓浩如烟海。本书无意在这些领域标新立异，而是探讨了大型团队或多个团队一同工作的情况，以及处理包含众多页面或子站点且访问量相当可观的网站时，所要面对的挑战。
四川雅安芦山发生7.0级别大地震，不少网站首页已经变成了灰色表示哀悼。下面笔者整理了几种让网页变灰色的CSS代码，供各位站长参考！
曾几何时，你有没有过发誓要学会编程的冲动？结果面对着一行行如同天书的英文单词和符号，搞的挫败感爆棚？
@榮榮-小黑_丫 这些特效真的非常赞，本人已经体验并打包喽，大家也可以各取所需，按需下载。以下为17个网页CSS样式原件.zip 微盘下载地址→ http://t.cn/zTvTIdM1. Putting CSS Clip to Work : Expanding Overlay Effect教程地址 2. Flipping Circle Slideshow教程地址 3. 有创意的CSS加载动画教程地址 4.丰富多彩的CSS3动画导航菜单教...
我们常以“整齐”，“易读”，“亲切”，“易于维护”，“复用性强”等来形容一些优秀的开发者所写的代码。现在，对代码的好评还有一个更为时尚的词“优雅”，是不是听起来觉得很亲切呢？
虽已数年，但未就学习专门写过文章，这回破处了。苍蝇不叮没有缝隙的鸡蛋，领导不做没有跟拍的表演，同样，想到写CSS学习的文章也是有原因的（虽然我的不少行为没有原因）。
很棒啊，我是室内设计转行过来的，如果被问到为什么转行该怎么回答呢？我是自学的ui。作品集做了一整套的从0到1的设计。
之前图标那期我看了，受益良多，没想到要打造一个系列了，感谢大佬
很好的思考过程，以前是设备与设备的沟通，移动IM时代情境下变成了人与人的交流，设备状态则变成了人的状态。
超级好文 ，很棒
更倾向第三个方案，前两个看多了有些视觉疲劳，而且，pass掉第三个的理由是要做差异化，这个有点牵强。为了不同而不同，新拟物风格到后期拓展的时候，有很大的局限性！
很棒啊，我是室内设计转行过来的，如果被问到为什么转行该怎么回答呢？我是自学的ui。作品集做了一整套的从0到1的设计。