# Css

[UICN用户体验设计平台](https://www.ui.cn/)

[CSS 选择器参考手册-W3School](https://www.w3school.com.cn/cssref/css_selectors.asp)

[CSS（层叠样式表）| MDN](https://developer.mozilla.org/zh-CN/docs/Web/CSS)

[CSS3 transform 属性](https://www.runoob.com/cssref/css3-pr-transform.html)

[CSS 参考手册 web 前端开发参考手册系列](http://css.doyoe.com/)

[学习 CSS 布局](http://zh.learnlayout.com/)

[bootstrap 快速入门](http://www.imooc.com/learn/826)

[分享 10 个优美的程序猿把玩儿的实用科技设计酷站](http://www.jianshu.com/p/37a5998f6a20)

[2017 年最受欢迎的 10 个编程挑战网站](https://zhuanlan.zhihu.com/p/30164522)

2021-12-24 [css：repeating-linear-gradient 实现托尼老师理发店门口的灯柱子](https://pengshiyu.blog.csdn.net/article/details/122123425)

## 字体图标

[Font Awesome](https://fontawesome.com/)

[Font Awesome](https://fontawesome.dashgame.com/): 一套绝佳的图标字体库和 CSS 框架

[Iconfont](https://www.iconfont.cn/) 阿里巴巴矢量图标库

[Iconbox](https://arco.design/iconbox/libs) 字节跳动


## 第三方库

[CSS Tools: Reset CSS](https://meyerweb.com/eric/tools/css/reset/)

[normalize.css](https://github.com/necolas/normalize.css/)

游戏地址：

1. Flexbox froggy

https://flexboxfroggy.com/

2. Flexbox defense

http://www.flexboxdefense.com/

3. Knights of the Flexbox Table

地址：https://knightsoftheflexboxtable.com/

4. Flex Box adventure

地址：https://codingfantasy.com/games/flexboxadventure/play

5. Flexbox zombies

地址：https://mastery.games/flexboxzombies/

6. Grid garden

地址：https://cssgridgarden.com/

7. Grid attack

地址：https://codingfantasy.com/games/css-grid-attack/play

8. CSS Diner

地址：https://flukeout.github.io/

9. Guess CSS

地址：https://www.guess-css.app/

10. CSS Speedrun

地址：https://css-speedrun.netlify.app/


CSS 参考书https://cssreference.io/animations/

CSS 灵感https://chokcoco.github.io/CSS-Inspiration/#/

UI 设计师的灵感源泉https://www.awwwards.com/sites/zero-impact

学习 CSS 布局https://zh.learnlayout.com/box-sizing.html

CSS 小花招UI 设计师的灵感源泉https://www.awwwards.com/sites/zero-impact

https://css-tricks.com/

不过脑子的动效，不过看起来很“猛”https://tholman.com/obnoxious/

CSS 三维变换动画https://animista.net/

CSS 鼠标悬浮动画https://ianlunn.github.io/Hover/

通过给萝卜浇水，学习 CSS 网格布局https://cssgridgarden.com/

通过做饭，练习 CSS 选择器https://flexboxfroggy.com/

配色https://mycolor.space/

还是配色https://clrs.cc/

CSS 渐变色https://cssgradient.io/

https://vue3js.cn/interview/