11个实用的CSS学习工具
来源:互联网 发布:刷爱奇艺会员软件 编辑:程序博客网 时间:2024/06/06 03:02
1. 盒子模型的幻灯片
通过3D转换效果产生的互动的幻灯片。按向左或向右箭头键切换,全屏观看会有更好的效果。
2. CSS Diner
通过一个简单的小游戏让你学习CSS selector,输入正确的selector来完成每一关。你也可以通过菜单来选关。
3. CSS Selectors 交互
这是一个简单可视化CSS选择器。选择左边菜单中的选择器,选择的条目就会出现在右边。
4. 前端Web开发考查
CSS 属性有大小写之分吗?
5. The Magic of CSS
这里有6个章节的CSS教程,更深入的教程会慢慢开放。
6. Enjoy CSS
一个学习CSS的圣地,它专注于CSS。
6
7. CSS Guidelines
Harry Roberts 已经更新了他的开放资源。之前只是GitHub上的一个库,现在已经有了自己的域名,并且优化并更新了很多资源。
8. CSS Triggers…
Chrome开发者Paul Lewis创造了一个页面解析参考,当给定的CSS属性变更时它会发挥自己的作用。例如,一些属性将触发重绘和合成,但不会引发布局。我们可以很容易地通过CSS Triggers来发现这些变化。
9. mdo贡献的代码指南
Bootstrap’s的Mark Otto 整理了他自己风格的HTML和CSS指南,这些建议包括属性的顺序,顺序的HTML属性选择器等等。
10. Flexplorer
这是一个简单的应用,用来来摆弄各种flexbox特性并查看出现在页面上的实时的完整代码。它有一个很酷的特性,你还可以通过它来编辑页面上的文本框,允许您看到这些变化是如何影响其它内容的。
11. CSS Selectors: Targeting HTML Like a Pro
Russ Weakley的新课程,是SitePoint的姐妹网站,这里有超过20个视频介绍的CSS的Selector元素。这不仅仅是一个简约的插件,而且作业是一个真正的CSS专家。所以如果你刚刚开始用CSS和还没掌握选择器,这可能是一个不错的选择。
总结
不管你的CSS水平如何,我可以保证这些东西肯定能帮到你,如果你手上有正在进行的相关项目,或是其它不错的资源可以拿出来和大家一起分享。
极客标签 - 专业和精准的分享,关注你感兴趣的极客,社区提供超棒的精品教程,互动授课
了解前端技术,请访问极客互动课程库和代码录播
阅读原文:11个实用的CSS学习工具
- 11个实用的CSS学习工具
- 10个针对开发者的实用CSS工具
- 10个针对开发者的实用CSS工具
- 53个非常实用的CSS
- 8个简单实用的CSS秘诀
- 8个简单实用的CSS秘诀
- 14个实用的CSS在线实例教程
- 20个超级实用的CSS技术!!!
- 实用的60个CSS代码片段
- 实用的60个CSS代码片段
- 实用的60个CSS代码片段
- N个实用的css代码
- 实用的60个CSS代码片段
- 实用的60个CSS代码片段
- 实用的60个CSS代码片段
- 50个实用的JavaScript工具
- 50个实用的JavaScript工具
- 50个实用的JavaScript工具
- PHP intval bcmul 方法变了
- Android开发之FastJson概述与简单使用
- 执行了getHibernateTemplate.save(user)后,控制台有hql语句输出,显示已经将数据存到数据库了,也没有抛出异常,但是去oracle数据库查的时候,压根就没有数据。。。。请问
- SolrCloud原理
- MyMFC(7-9)对话框 CPropSheet
- 11个实用的CSS学习工具
- 输出口和操作
- 有关linux系统登录出现启动会话失败
- [C++]数据结构:散列表(哈希表)、散列函数构造、处理散列冲突
- Android监听自身被卸载与反馈
- Jar 命令中Manifest.mf文件详解
- 360wifi设置接收wifi教程
- 在source insight中添加自己的单行注释命令
- MyMFC(7-9)对话框 CTestDlg