学习 HTML & CSS
HTML — 超文本标记语言(简称:HTML)是一种用于创建网页的标准标记语言。网页浏览器可以读取 HTML 文件,并将其渲染成可视化网页。HTML 描述了一个网站随着渲染展现的结构语义,因此是一种标记语言,而非编程语言。
CSS — 层叠样式表(CSS)是一种样式表语言,用于描述标记语言编写的文档的外观和格式。虽然它一般用于改变用 HTML 和 XHTML 所编写的网页和用户界面的样式,但实际上该语言也可以用于任意类型的 XML 文档,包括纯 XML、SVG 和 XUL。CSS 是大多数网站使用的基础技术,可与 HTML 和 JavaScript 一同使用,创建美观的网页、Web 应用的用户界面,以及许多移动应用程序的用户界面。
就如建房子一样,HTML 用来搭框架,CSS 就是画与装饰。
综合学习:
- CSS 中的绝对居中 [阅读]
- codecademy.com HTML & CSS [interact]
- CSS 定位 [视频][收费]
- Web 前端开发:入门 [视频][收费]
- 前端 Web 开发 之 HTML5、CSS、JavaScript 快速入门 [视频][收费]
- HTML 与 CSS:设计和构建网站 [阅读][收费]
- HTML 文档流 [视频][收费]
- 精通 HTML:语义、规范和样式 [阅读][收费]
- 互联网很难 [阅读]
- HTML/CSS 简介:制作网页 [视频]
- 学习编写 HTML 与 CSS [阅读]
- 学习 CSS 布局 [阅读]
- MarkSheet [阅读]
- MDN:HTML [阅读]
- MDN:CSS [阅读]
- 语义 HTML:如何设计网页 [视频]
- 健壮的 HTML 表单结构 [视频]
- 理解 CSS 盒模型 [视频]
- 弹性网页设计 [阅读]
精通 CSS:
- Flexbox 完整指南 [阅读]
- CSS 大厨 [interact]
- 从 CSS4 到 CSS1 的 CSS 选择器 [阅读]
- CSS 揭秘:更好的解决常见的网页布局问题 [阅读][收费]
- CSS3 [阅读]
- 深入 CSS3 [视频][收费]
- 什么是 Flexbox?20 个简单、免费的视频教程帮助你掌握 CSS Flexbox [视频]
参考文献/文档:
- CSS 触发器 - 一场布局、绘制、组合的游戏
- cssreference.io
- cssvalues.com
- Chrome 的默认 CSS
- Head - 你的 中一切事物的清单
- 引用:HTML 属性
- 引用:MDN CSS 属性
- 引用:MDN HTML 元素
术语/词汇表:
标准/规范:
- 所有的 W3C CSS 规范
- 所有的 W3C HTML 规范
- CSS Level 2 修订版 2(CSS 2.2)规范
- CSS 索引 - CSS 规范中的完整定义列表
- 当前标准的 HTML 元素
- 全局属性
- HTML 语法 (当前版本)
- W3C HTML 5.2
- CSS Level 3(CSS3)选择器
CSS 架构设计:
设计/编写规范:
- CSS 编码指南 [阅读]
- CSS 架构
- cssguidelin.es [阅读]
- Idiomatic CSS [阅读]
- MaintainableCSS [阅读]
- 开发可拓展、耐用、可持续的 HTML 和 CSS 标准 [阅读]
HTML/CSS 简报:
备注:
今年在 JS 中编写 CSS 很火爆,但请根据实际使用。此外有些人认为这种方法是 过度使用。