评估你的 CSS 技能等级:最终版本 & 投票

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 提供适合你旅程各个阶段的云产品。立即开始使用 $200 免费积分!

关于 CSS 技能等级的粗略草稿模型,我们收到了 **大量** 的宝贵反馈。我尝试将每个人的想法纳入考虑并重新设计。最大的共识是,在 3 和 4 或者 4 和 5 之间需要另一个等级。我的解决方案是扩展到 6 级系统,并努力使各级更加均匀地间隔开。

css-skill-level-all.png

**以下是最终的 CSS 技能等级图表!**你会注意到我在侧边栏中添加了一个投票,你可以自评等级并在投票中投票。(RSS 阅读器需要 跳转 并投票,抱歉!)。

css-skill-level-1.png
  • 我听说过 CSS,它用于网页设计。
  • 我之前下载并使用过 CSS 模板。
  • 我曾经在 CSS 文件中进行过一些小的更改,例如更改颜色和删除链接的下划线。
css-skill-level-2.png
  • 我理解 CSS 的目的是尽可能地将设计内容**分离**。
  • 我曾经对 CSS 模板进行过广泛的修改。
  • 我曾经使用过所见即所得编辑器来创建 CSS 网页。
  • 我对 CSS 布局技术有一定的了解。

 

css-skill-level-3.png
  • 我曾经使用 CSS 布局从头开始设计了一个相当复杂的网站。
  • 我对 CSS 的结构、CSS 盒模型和 CSS 定位有深入的了解。
  • 我理解如何使用浮动并处理它的怪癖。
  • 我对不同的浏览器渲染一些 CSS 不同的情况有一定的了解,并且需要考虑和测试。
  • 我不断积累着可供参考的 CSS 资源。
  • 我不再使用表格进行布局。我知道表格用于表格数据,而不是页面布局。

 

css-skill-level-4.png
  • 我设计并编码了大量的 CSS 网站。我可以将任何格式的设计转换为 CSS 布局:Photoshop、Illustrator、餐巾纸上的草图等。
  • 我对手动编写和编辑 CSS 非常熟练。
  • 我对 CSS 的层叠部分有深入的了解。尤其是某些 CSS 属性如何、哪些属性不会以及哪些属性取决于值的声明方式。
  • 我对跨浏览器 CSS 有深入的了解。我知道如何使用浏览器特定的 CSS 语句和声明浏览器特定的样式表。
  • 我知道并尝试过一些 CSS 技巧,并理解使用它们的优缺点。
  • 我对 CSS 中可用的不同尺寸值(例如 em、px、%、pt、“small”等)以及在哪些情况下每个值最合理有深入的了解。
  • 我可以快速地解决和解决 CSS 问题。
  • 我拥有大量可供我使用、进行灵感启发、调试或参考的工具和资源。

 

css-skill-level-5.png
  • 我觉得我可以使用 CSS 完成 **任何** 设计理念。
  • 我可以将设计以像素级完美的跨浏览器方式转换为 CSS 网站。
  • 仅凭观察设计,我就可以轻松地可视化标记结构。
  • 我曾经使用过其他网络技术来扩展可能性并突破 CSS 的限制。
  • 我有自己的 CSS 框架,包括我自己的定制 CSS 重置。
  • 我对伪类、伪元素和属性选择器等高级 CSS 有深入的了解。
  • 我关注浏览器支持和开发进度。

 

css-skill-level-6.png
  • 我参与 CSS 规范的未来或支持。
  • 我是一位 CSS 名人。
  • 我写过书,举办过研讨会,讲过课,从 CSS 还是个小女孩的时候就认识她了,等等。
  • 我不需要做测试,我已经 **知道** 了。