11个实用的CSS学习工具

2024-05-13 22:03:21

为什么80%的码农都做不了架构师？>>>

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学习工具

转载于:https://my.oschina.net/gbin1/blog/312908

11个实用的CSS学习工具相关推荐

深度学习11个实用技巧
深度学习11个实用技巧深度学习工程师George Seif发表了一篇博文,总结了7个深度学习的技巧,本文增加了几个技巧,总结了11个深度学习的技巧,主要从提高深度学习模型的准确性和速度两个角度来分析 ...
28款网页CSS设计工具和生成器
丰富多样的网络工具和资源的出现,使网页设计变得轻松而简单.介绍 28 款在线工具和生成器,以帮助你更快捷方便地设计页面. 1. Lorem Ipsum Generator – 多功能的在线文本编辑工具 ...
ChainerCV︱堪比Opencv--深度学习工具库（Faster R-CNN、SSD 和 SegNet）
Preferred Networks 通过其研究博客发布了深度学习计算机视觉实用库 ChainerCV,它基于 Chainer,能够简化计算机视觉的训练和应用过程,并含有用于计算机视觉研究的必备工具集 ...
在线图书销售系统顺序图_良心好用的在线学习工具，你知道和不知道的，这里都有~...
小美姐姐,有没有好看的PPT模板? 有!我发你呀~ 谢谢~小美姐姐,做笔记,什么软件好用呀? 百度脑图!在线的,随开随用! 哈喽!同学们! 你是不是也经常找不到好用的在线资源? 或者,还有一些学习神器 ...
HTML + CSS 学习
转自:https://blog.csdn.net/weixin_44908159/article/details/107682328 https://blog.csdn.net/weixin_4490 ...
Android实用视图动画及工具系列之三：表情加载动画和失败加载动画，人物加载动画
实现效果功能说明网速慢时,加载网络数据时,界面怎么处理才美观?载入失败或网络丢包时,如何让界面显得更和谐?这一直是开发人员和美工人员不绝于耳的问题,为了达到功能和UI的完美交互,我们不得不做一些基 ...
catia 斑马线分析_CATIA V5R21实用技能快速学习指南
CATIA V5R21实用技能快速学习指南 1 CATIA V5基础入门 1.1 CATIA V5应用详解 1.2 CATIA V5软件的安装与启动 1.3 CATIA V5用户界面 1.3.1 用户 ...
11个免费的数据可视化工具推荐
数据可视化之所以流行,不仅是因为它简化了我们查看复杂数据的方式,更是因为数据可视化可以加快我们获取数据信息的速度. 本文专门为您列出了11个免费的数据可视化工具,帮助您快速掌握数据可视化技能. 1.即 ...
CSS学习（第三天）（层叠性、继承性、优先级，CSS 盒子模型）
紧接第二天 CSS学习第三天 5 CSS的三大特性 5.1 层叠性 5.2 继承性 5.2.1 行高的继承 5.3 优先级 5.3.1 优先级(注意) 5.3.2 优先级(权重叠加) 6 CSS 盒子 ...

最新文章

热门文章