# CSS Basic

# CSS 是什么?

层叠样式表 (Cascading Style Sheets,缩写为 CSS),是一种 样式表 语言,用来描述 HTML 或 XML(包括如 SVG、MathML、XHTML 之类的 XML 分支语言)文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

CSS 是开放网络的核心语言之一,由 W3C 规范 实现跨浏览器的标准化。CSS 节省了大量的工作。 样式可以通过定义保存在外部.css 文件中,同时控制多个网页的布局,这意味着开发者不必经历在所有网页上编辑布局的麻烦。 CSS 被分为不同等级:CSS1 现已废弃, CSS2.1 是推荐标准, CSS3 分成多个小模块且正在标准化中。

# 领域特定语言

CSS 是一种领域特定语言,领域特定语言(英语:domain-specific language、DSL)指的是专注于某个应用程序领域的计算机语言。 又译作领域专用语言。

# 学习资料

  • 视频教程

哔哩哔哩 - 零基础入门学习 Web 开发 - 小甲鱼 (opens new window)

哔哩哔哩 - 前端入门教程 - Pink (opens new window)

哔哩哔哩 - 鉴定一下网络热门面试题:什么情况下会触发BFC? (opens new window)

  • 在线文档

MDN - CSS 层叠样式表 (opens new window)

www.w3.org CSS Flexbox (opens new window)

www.w3.org CSS Grid (opens new window)

  • 博客文章

阮一峰的网络日志 - 只要一行代码,实现五种 CSS 经典布局 (opens new window)

阮一峰的网络日志 - Flex 布局教程:语法篇 (opens new window)

阮一峰的网络日志 - Flex 布局教程:实例篇 (opens new window)

阮一峰的网络日志 - Grid 网格布局教程 (opens new window)

张鑫旭-鑫空间-鑫生活 - 写给自己看的CSS columns分栏布局教程 (opens new window)

  • 互动教程

FLEXBOX FROGGY (opens new window)

GRID GARDEN (opens new window)