HTML & CSS
HTML - 超文本标记语言, 通常被称为 HTML, 是被用于创建网页的标准标记语言. Web浏览器能将 HTML 文件渲染成可见的或者可听到的. HTML 随着线索提示, 语义化地描述了网站的结构, 使它成为一种标记语言, 而不是编程语言. - wikipedia.org
CSS - 层叠式样式表(CSS)是用于描述外观和格式化标记语言编写的文档的样式表语言. 尽管经常被用来改变用 HTML 和 XHTML 编写的网页和用户界面的样式, 但也可用于任何 XML 文档, 包括纯 XML, SVG 和 XUL. 跟 JavaScript 和 HTML 一样, CSS是被大多数网站用于为Web应用程序创建富有吸引力的网页, 用户界面的一种基础技术, 也为许多移动应用程序创建用户界面. - wikipedia.org
就像建造房子, 你可以认为 HTML 是骨架, 而 CSS 是油漆和装饰.
入门学习:
- codecademy.com HTML & CSS [interact]
- HTML/CSS 介绍: 网页制作 [watch]
- HTML & CSS 编码学习 [read]
- CSS 布局 [read]
- Web 前端开发入门 [watch][$]
- HTML & CSS 设计与构建网站 [read][RMB]
- 快速使用 HTML5, CSS 3 & JavaScript 进行 Web 前端开发 [watch][$]
- 深入理解 HTML: 语义, 标准与样式 [read][$]
- CSS 定位 [watch][$]
- HTML 文档流 [watch][$]
- HTML5 & CSS3 介绍 [watch][$]
- CSS 中的绝对居中 [read]
- CSS 盒模型 [watch]
- HTML 表单结构 [watch]
- HTML 语义化: 如何构建 Web 页面 [watch]
进阶学习:
- 从 CSS 1 到 CSS 4 的选择器参考 [read]
- CSS Diner [interact]
- 深入理解 CSS3 [watch][$]
- atozcss.com/ [watch]
- Flexbox 完全指南 [read]
参考/文档:
- htmlelement.info
- MDN CSS reference
- MDN HTML element reference
- cssvalues.com/
- CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
- HTML attributes reference
术语表:
标准/规范:
CSS 架构设计:
- OOCSS [read]
- SMACSS [read][$]
- SMACSS [watch][$]
- Atomic Design [read]
编写规范:
- CSS 通用编写规范 [read]
- 开发灵活的, 持久的和可持续的 HTML 和 CSS 的标准 [read]
- cssguidelin.es [read]
- 谷歌的 HTML/CSS 编程风格指南
HTML/CSS 简报:
译者补充: