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 简报:
译者补充: