148个资源让你成为CSS专家

译者:旭日云中竹
链接:http://www.zcfy.cc/article/1057
原文:https://medium.com/@bradley_nice/148-resources-to-help-you-become-a-css-expert-ced300b173e7

迄今为止,我已经收集了100多个精通CSS的资源,它们能让你更好地掌握CSS技巧,使你的布局设计脱颖而出。

CSS3 资源

参考资源与备忘录

  • CSS属性指引 —— 一份清单,按字母表顺序列出了每个CSS属性。
  • 使用CSS简写 — 一些CSS缩写的参考指南。
  • 网页开发者手册 — This is a massive collection of CSS and other resources, including showcases, tools, and more.搜集了CSS以及一些其他的资源,如示例、工具等。
  • 100个免费的CSS资源 — 大量CSS资源,包括相关的文章、教程、布局等等。

教程与技巧

  • 从零开始学CSS — 这是一个非常基础的教程,让你从零开始学习CSS并用它创建第一个基础网页。该教程对于那些对网页构建不了解的初学者来说,是很好的资源。
  • CSS Swag: 多栏列表 — A guide to creating semantically-logical, ordered list that wraps through multiple vertical columns一份关于创建语义化的、有序的多栏列表指南。
  • 改善打印版的链接展示 — 示范了打印输出时如何在超链接文本中如何包含链接地址.
  • 高级CSS菜单技巧 — 用CSS创建一个真正酷炫的、高级的、带有模糊效果的菜单。
  • CSS 菜单 — 一个关于用纯CSS2(不包含JS)嵌套列表创建菜单面板的教程。
  • CSS Tab菜单带下拉效果 — 一个关于创建带有下拉效果的CSS菜单教程。

模板与框架

  • 1Kb大的CSS栅格 — 这也许是最简单最紧凑的栅格系统了,但包含了自定义栅格的工具。
  • CSS Zen Garden — CSS Zen Garden 是一个 HTML 和 CSS 框架,用于展示大量能用CSS创建的设计。除了框架之外,还有大量可用的模板和主题。
  • 完美的多栏CSS流式布局 — 收集了兼容iPhone的流式布局。
  • 960栅格系统 — 一个基于960像素宽构建的CSS栅格布局。
  • 免费CSS模板 — 该网站提供了200多个CSS模板,都遵循知识共享署名许可协议。
  • 漂亮免费的CSS模板 — 几十个模板让你着手CSS设计,包括动态居中盒子、4栏不定宽布局、宽度固定的盒子上下左右完全居中等。
  • 小型盒子 — 收藏了各种布局的CSS文件。

画廊与陈列

  • CSS Stars — 画廊提供了一些基于CSS的设计,让你熟读掌握。
  • CSS Based — 上千个不同设计的CSS画廊。
  • CSS Drive — 一个分类的CSS画廊。
  • CSS Mania — 一个已经有5年历史的CSS画廊。
  • CSSelite.com — 一个分类的CSS画廊。
  • CSS Creme — 大量可以根据颜色、分类或者设计师划分的画廊,也包括相关的教程和信息。
  • csswebsite — 一个可以通过类型、日期或者颜色帅选的画廊。
  • 40 漂亮的深色CSS网页设计 — 该画廊提供了一些漂亮的深颜色网页设计。
  • 2008年最好的CSS设计 — 又一个画廊展示了2008年最好的CSS设计。
  • CSS美丽画廊 — 该CSS画廊的条目是从2004年至今的,按年代顺序排列。

工具

  • Firebug — 火狐浏览器的一个插件,你可以在该调试器里面看到你的CSS代码,并且可以在里面编辑。
  • Aardvark — 火狐浏览器的扩展,可以看到每段HTML及它的类或者id。
  • CSSViewer 1.0.3 — 也是火狐浏览器的扩展工具,你可以看到任何页面的CSS属性。
  • GridFox — 火狐浏览器的另一个扩展,通过在任何网页覆盖一层栅格来辅助栅格设计。
  • CodeBurner — 开发的一款插件,可以在浏览器中看到HTML和CSS的参考资料。
  • IzzyMenu — 一个免费的CSS菜单创建器,支持创建下拉二级菜单。
  • Spanky Corners — 一个圆角盒子生成器。
  • CleanCSS — 一款CSS美化工具。
  • CSS浏览器选择器 — A useful tool for empowering CSS selectors based on the visitor’s browser.一款有用的工具,可以基于访问者的浏览器来使用CSS选择器。
  • CSS 压缩器 — 一款CSS文件压缩器。
  • CSS 布局生成器 — 一个简单、在线的CSS生成器,可以创建一个基础的布局框架。
  • CSSTidy — 一款开源的、可供下载的CSS分析器和优化器。
  • CSS驱动CSS压缩器 — 一款CSS压缩工具,根据你的需求,可以有基础和高级的压缩模式。
  • Tabifier — 缩进你的代码。
  • CSSFly — 基于浏览器的CSS和XHTML编辑器,可以实时编辑。
  • List-O-Matic — 一款可以创建基于列表的导航菜单。
  • Markup Maker — 根据你输入的页面ID来创建一个有效的XHTML/HTML框架。
  • CSSMate — 一款在线CSS编辑器。
  • CSS Type Set — 一个CSS排版生成器。
  • Construct 0.5 — 一款可视的,可以基于蓝图框架创建的布局工具。

特殊的CSS博客和网站

  • CSS技巧 — 来自Chris Coyier的博客。
  • CSS Help Pile — 不断收集CSS相关的教程和资源。

祝你愉快!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,602评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,442评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,878评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,306评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,330评论 5 373
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,071评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,382评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,006评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,512评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,965评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,094评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,732评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,283评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,286评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,512评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,536评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,828评论 2 345

推荐阅读更多精彩内容

  • 译者:旭日云中竹链接:http://www.zcfy.cc/article/1057原文:https://medi...
    51CTO学院阅读 5,229评论 2 179
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,728评论 1 92
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,513评论 25 707
  • 高中的时候读了边城,很想去看看,一直没有机会。趁着拿毕业证来一场说走就走的旅行,青春就应该躁起来。 坐了将...
    熊孩子的秘密基地阅读 283评论 0 1
  • 一想到你的样子 我脑海中浮现的 永远是那个淡定自如的你 似乎没什么可以让你心急 似乎没什么可以让你无措 我是一个站...
    莫隰阅读 389评论 3 2