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

术语表:

• HTML 元素编程术语参考
• CSS 属性和选择器编程术语参考

标准/规范:

• W3C HTML5 标准: WWW 核心语言的第五个主要版本
• HTML 元素在线标准
• HTML 语法
• W3C HTML 规范
• 全局属性
• CSS 2.2 规范
• CSS 3 选择器
• W3C CSS 规范

CSS 架构设计:

• OOCSS [read]
• SMACSS [read][$]
• SMACSS [watch][$]
• Atomic Design [read]

编写规范:

• CSS 通用编写规范 [read]
• 开发灵活的, 持久的和可持续的 HTML 和 CSS 的标准 [read]
• cssguidelin.es [read]
• 谷歌的 HTML/CSS 编程风格指南

HTML/CSS 简报:

• HTML 5 Weekly
• CSS Weekly

译者补充:

• CSS 3 教程
• HTML & CSS 测试
• Pro HTML5 Programming
• Pro CSS3 Animation
• CSS Protips
• 精通CSS: 高级Web标准解决方案
• 高流量网站CSS开发技术
• 深入理解HTML5: 语义, 标准与样式
• HTML 5与CSS 3权威指南