11个好用的CSS学习培训专用工具


11个好用的CSS学习培训专用工具


短视頻,自新闻媒体,达人种草1站服务

1. 盒子实体模型的幻灯片

根据三d变换实际效果造成的互动交流的幻灯片。按向左或向右箭头键切换,全屏收看会有更好的实际效果。

 

2. CSS Diner

根据1个简易的小手机游戏让你学习培训CSS selector,键入正确的selector来进行每关。你还可以根据菜单来选关。

 

3. CSS Selectors 互动

这是1个简易可视性化CSS挑选器。挑选左侧菜单中的挑选器,挑选的条目就会出現在右侧。

 

4. 前端开发Web开发设计考核

CSS 特性有尺寸写之分吗?

 

5. The Magic of CSS

这里有6个章节的CSS实例教程,更深层次的实例教程会渐渐地对外开放。

 

6. Enjoy CSS

1个学习培训CSS的圣地,它潜心于CSS。

6

 

7. CSS Guidelines

Harry Roberts 早已升级了他的对外开放資源。以前只是GitHub上的1个库,如今早已有了自身的网站域名,而且提升并升级了许多資源。

 

8. CSS Triggers

Chrome开发设计者Paul Lewis造就了1个网页页面分析参照,当给定的CSS特性变动时它会充分发挥自身的功效。比如,1些特性将开启重绘和生成,但不容易引起合理布局。大家能够很非常容易地根据CSS Triggers来发现这些转变。

 

9. mdo奉献的编码指南

Bootstrap s的Mark Otto 梳理了他自身设计风格的HTML和CSS指南,这些提议包含特性的次序,次序的HTML特性挑选器这些。

 

10. Flexplorer

这是1个简易的运用,用来来玩弄各种各样flexbox特点并查询出現在网页页面上的即时的详细编码。它有1个很酷的特点,你还能够根据它来编写网页页面上的文字框,容许您看到这些转变是怎样危害其它內容的。

 

11. CSS Selectors: Targeting HTML Like a Pro

Russ Weakley的新课程,是SitePoint的姐妹网站,这里有超出20个视頻详细介绍的CSS的Selector元素。这不仅是1个简洁的软件,并且工作是1个真实的CSS权威专家。因此假如你不久刚开始用CSS和还没把握挑选器,这将会是1个非常好的挑选。

 

总结

无论你的CSS水平怎样,我能够确保这些物品毫无疑问能帮到你,假如你手上有正在开展的有关新项目,或是其它非常好的資源能够拿出来和大伙儿1起共享。

极客标识 - 技术专业和精确的共享,关心你感兴趣爱好的极客,小区出示超棒的精品实例教程,互动交流讲课掌握前端开发技术性,请浏览极客互动交流课程库和编码录播