HTML & CSS

HTML & CSS

HTML - 超文本標(biāo)記語言, 通常被稱為 HTML, 是被用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言. Web瀏覽器能將 HTML 文件渲染成可見的或者可聽到的. HTML 隨著線索提示, 語義化地描述了網(wǎng)站的結(jié)構(gòu), 使它成為一種標(biāo)記語言, 而不是編程語言. - wikipedia.org

CSS - 層疊式樣式表(CSS)是用于描述外觀和格式化標(biāo)記語言編寫的文檔的樣式表語言. 盡管經(jīng)常被用來改變用 HTML 和 XHTML 編寫的網(wǎng)頁和用戶界面的樣式, 但也可用于任何 XML 文檔, 包括純 XML, SVG 和 XUL. 跟 JavaScript 和 HTML 一樣, CSS是被大多數(shù)網(wǎng)站用于為Web應(yīng)用程序創(chuàng)建富有吸引力的網(wǎng)頁, 用戶界面的一種基礎(chǔ)技術(shù), 也為許多移動應(yīng)用程序創(chuàng)建用戶界面. - wikipedia.org

就像建造房子, 你可以認(rèn)為 HTML 是骨架, 而 CSS 是油漆和裝飾.

綜合學(xué)習(xí):

• 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

術(shù)語表:

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

標(biāo)準(zhǔn)和規(guī)范:

• 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 架構(gòu)設(shè)計:

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

編寫規(guī)范:

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