这是什么?
这是一组简短的 CSS 代码片段合集,涵盖开发中的各种需求,由 GitHub 上的 30 seconds of code 组织维护。
这是需要引入到项目里的 CSS 库,还是只能拿来浏览的资料?
它是一个参考资料合集,不是库——没有什么需要安装的。你在项目网站或仓库里浏览这些片段,把需要的代码复制到自己的项目里就行。
我该怎么找到需要的代码片段?
在网站的搜索页面,可以按名称、标签、语言或片段描述来搜索——直接开始输入就行。你也可以浏览整个 CSS 代码片段合集,点击顶部的标签来缩小范围。
这个仓库现在还是获取这些代码片段的地方吗?
不是。该仓库已归档:自 2023 年 5 月起,所有 30-seconds 内容仓库都合并到了 30-seconds-of-code 这一个仓库中,后续的活动都在那里继续。
这是给学 CSS 的新手看的,还是给在职前端开发者用的?
两者都适合。每个片段都很简短,并配有讲解和示例,既能当作学习资料,也能当作日常前端工作的快速参考。
我可以把这些片段复制到自己的项目里吗?
可以。除非另有明确说明,这些片段采用 CC-BY-4.0 许可证,只要你注明出处,就可以自由使用和修改。
刚开始学 CSS 的人应该从哪里入手?
打开网站上的 CSS 代码片段合集,利用顶部的标签一次专注一个主题——片段都很简短且配有讲解,就像一个个小课程。
这个项目的网站是用什么搭建的?
网站基于 Netlify、Next.js 和 GitHub 构建。
What are similar projects?
30-seconds-of-code, 30-seconds-of-interviews, awesome, HelloGitHub, python-cheatsheet, python-mini-projects, awesome-awesomeness, react-redux-links
Which topics is it in?
learn-to-code, cheat-sheet, curated, snippets, collection, programming, reference, beginner-friendly, css, learning-resources, developers, learning
