码迷,mamicode.com
首页 > Web开发 > 详细

11个实用的CSS学习工具

时间:2014-09-29 10:56:47      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   sp   2014   art   c   代码   html   

 1. 盒子模型的幻灯片

  通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换,全屏观看会有更好的效果。

bubuko.com,布布扣

 2. CSS Diner

  通过一个简单的小游戏让你学习CSS selector,输入正确的selector来完成每一关。你也可以通过菜单来选关。

bubuko.com,布布扣

 3. CSS Selectors 交互

  这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。

bubuko.com,布布扣

 4. 前端Web开发考查

  CSS 属性有大小写之分吗?

bubuko.com,布布扣

 5. The Magic of CSS

  这里有6个章节的CSS教程,更深入的教程会慢慢开放。

bubuko.com,布布扣

 6. Enjoy CSS

  一个学习CSS的圣地,它专注于CSS。

bubuko.com,布布扣

 7. CSS Guidelines

  Harry Roberts 已经更新了他的开放资源。之前只是GitHub上的一个库,现在已经有了自己的域名,并且优化并更新了很多资源。

bubuko.com,布布扣

 8. CSS Triggers…

  Chrome开发者Paul Lewis创造了一个页面解析参考,当给定的CSS属性变更时它会发挥自己的作用。例如,一些属性将触发重绘和合成,但不会引发布局。我们可以很容易地通过CSS Triggers来发现这些变化。

bubuko.com,布布扣

 9. mdo贡献的代码指南

  Bootstrap’s的Mark Otto 整理了他自己风格的HTML和CSS指南,这些建议包括属性的顺序,顺序的HTML属性选择器等等。

bubuko.com,布布扣

 10. Flexplorer

  这是一个简单的应用,用来来摆弄各种flexbox特性并查看出现在页面上的实时的完整代码。它有一个很酷的特性,你还可以通过它来编辑页面上的文本框,允许您看到这些变化是如何影响其它内容的。

bubuko.com,布布扣

 11. CSS Selectors: Targeting HTML Like a Pro

  Russ Weakley的新课程,是SitePoint的姐妹网站,这里有超过20个视频介绍的CSS的Selector元素。这不仅仅是一个简约的插件,而且作业是一个真正的CSS专家。所以如果你刚刚开始用CSS和还没掌握选择器,这可能是一个不错的选择。

bubuko.com,布布扣

 总结

  不管你的CSS水平如何,我可以保证这些东西肯定能帮到你,如果你手上有正在进行的相关项目,或是其它不错的资源可以拿出来和大家一起分享。

  via:gbtags

11个实用的CSS学习工具

标签:http   io   ar   sp   2014   art   c   代码   html   

原文地址:http://www.cnblogs.com/ranran/p/3999581.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!