{"id":18305130,"url":"https://github.com/dunwu/css-tutorial","last_synced_at":"2026-04-13T16:34:10.221Z","repository":{"id":104544646,"uuid":"102451571","full_name":"dunwu/css-tutorial","owner":"dunwu","description":":book: css 学习笔记","archived":false,"fork":false,"pushed_at":"2017-10-11T07:50:08.000Z","size":462,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-04-09T10:45:04.621Z","etag":null,"topics":["css","css3","less","postcss","sass"],"latest_commit_sha":null,"homepage":"","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/dunwu.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-05T07:55:12.000Z","updated_at":"2021-06-08T03:17:40.000Z","dependencies_parsed_at":null,"dependency_job_id":"8938daea-9201-4dcd-8a3a-43ed3a598102","html_url":"https://github.com/dunwu/css-tutorial","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/dunwu/css-tutorial","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Fcss-tutorial","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Fcss-tutorial/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Fcss-tutorial/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Fcss-tutorial/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/dunwu","download_url":"https://codeload.github.com/dunwu/css-tutorial/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/dunwu%2Fcss-tutorial/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":259368018,"owners_count":22846822,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["css","css3","less","postcss","sass"],"created_at":"2024-11-05T15:32:49.910Z","updated_at":"2026-04-13T16:34:05.166Z","avatar_url":"https://github.com/dunwu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# css-notes\n\n\u003e ​:books: css 学习笔记。\n\n## 内容\n\n### CSS3\n\n\u003e 层叠样式表 (Cascading Style Sheets，常缩写记作 CSS）， 是一种样式表语言，用来描述 HTML 或 XML（包括如 SVG、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。\n\u003e\n\u003e CSS3 是级联样式表 / 层叠样式表(Cascading Style Sheets)语言的最新进化，旨在扩展CSS2.1。\n\n![css3](docs/assets/images/css3.svg)\n\n### Less\n\n![less](docs/assets/images/less.svg)\n\n\u003e Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。\n\u003e\n\u003e Less 可以运行在 Node 或浏览器端。\n\n[**github**](https://github.com/less/less.js) | [**官方文档**](http://lesscss.org/) | [**中文文档**](http://lesscss.cn/)\n\n### Sass\n\n![sass](docs/assets/images/sass.svg)\n\n\u003e Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 [Compass](http://compass-style.org/)）有助于更好地组织管理样式文件，以及更高效地开发项目。\n\n[**github**](https://github.com/sass) | [**官方文档**](http://sass-lang.com/) | [**中文文档**](https://www.sass.hk/)\n\n### PostCSS\n\n![postcss](docs/assets/images/postcss.svg)\n\n\u003e PostCSS 是一个允许使用 JS 插件转换样式的工具。 这些插件可以检查（lint）你的 CSS，支持 CSS Variables 和 Mixins， 编译尚未被浏览器广泛支持的先进的 CSS 语法，内联图片，以及其它很多优秀的功能。\n\u003e\n\n[**github**](https://github.com/postcss/postcss) | [**官方文档**](http://postcss.org/)\n\n## 约定\n\n- **codes**：所有示例代码存放于 `codes` 目录。\n\n\n- **docs**：所有文档存放于 `docs` 目录。并且文档遵循 [**GitBook**](https://github.com/GitbookIO/gitbook) 规范。\n\n\n- **git**：使用 [**gitmoji**](https://github.com/carloscuesta/gitmoji/) 规范填写提交信息（带图标的提示信息很有趣）。\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdunwu%2Fcss-tutorial","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdunwu%2Fcss-tutorial","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdunwu%2Fcss-tutorial/lists"}