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 教程