HTML & CSS

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]
• Intro to HTML/CSS: Making webpages [watch]
• Learn to Code HTML & CSS [read]
• Learn CSS Layout [read]
• Front End Web Development: Get Started [watch][$]
• HTML and CSS: Design and Build Websites [read][$]
• Front-End Web Development Quick Start With HTML5, CSS, and JavaScript [watch][$]
• HTML Mastery: Semantics, Standards, and Styling [read][$]
• CSS Positioning [watch][$]
• HTML Document Flow [watch][$]
• Introduction to HTML5 and CSS3 [watch][$]
• Absolute Centering in CSS [read]
• Understanding the CSS Box Model [watch]
• Solid HTML Form Structure [watch]
• Semantic HTML: How to Structure Web Pages [watch]

精通:

• CSS Selectors from CSS4 till CSS1 [read]
• CSS Diner [interact]
• CSS3 In-Depth [watch][$]
• atozcss.com/ [watch]
• A Complete Guide to Flexbox [read]

参考/文档:

• htmlelement.info
• MDN CSS reference
• MDN HTML element reference
• cssvalues.com/
• CSS TRIGGERS...A GAME OF LAYOUT, PAINT, AND COMPOSITE
• HTML attribute reference

术语表:

• HTML Glossary Programming reference for HTML elements
• CSS Glossary - Programming reference for CSS covering Comments, Properties, and Selectors

标准和规范:

• HTML5 from W3C : 5th major revision of the core language of the World Wide Web
• The elements of HTML from the Living Standard
• The HTML Syntax from the Living Standard
• All W3C HTML Spec
• Global attributes
• Cascading Style Sheets Level 2 Revision 2 (CSS 2.2) Specification
• Selectors Level 3
• All W3C CSS Specifications

CSS 架构设计:

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

编写规范:

• idiomatic-css [read]
• Standards for developing flexible, durable, and sustainable HTML and CSS [read]
• cssguidelin.es [read]
• Google HTML/CSS Style Guide

HTML/CSS 简报:

• HTML 5 Weekly
• CSS Weekly

译者补充:

• CSS 3 教程