免费AI编程助手
学习前端 HTML 和 CSS
2020-07-24 15:23 更新
HTML —— 超文本标记语言，通常被称为 HTML, 是一种用于创建网页的标准标记语言。 网页浏览器可以读取HTML文件并将其渲染成可视化网页。HTML 描述了网页的结构语义，随着线索的呈现，使之成为标记语言而不是编程语言。
— 维基百科
CSS —— 层叠样式表 (CSS) 是一个层叠样式表语言，用来描述用标记语言来写的外观和格式。尽管经常都是用 HTML 和 XHTML 来改变网页和用户界面的样式，该语言可以应用于任何类型的 XML 文档，包括原生的 XML 、 SVG 和 XUL。 除了 HTML 和 JavaScript，CSS 是大多数网站的基础的技术，用来创建炫酷的网站，web 应用程序的用户界面和很多移动应用的用户界面。
— 维基百科
就像建造房子一样，可以认为 HTML 用来搭建框架， CSS 用来绘画和装饰。
综合学习：
- CSS 里的绝对居中 [阅读]
- codecademy.com HTML 和 CSS [交互]
- CSS 定位 [视频][收费]
- 前端 web 开发：开始使用 [视频][收费]
- 前端Web开发 HTML5，CSS 和 JavaScript 快速入门 [视频][收费]
- HTML 和 CSS：设计和构建网站 [阅读][收费]
- HTML 文档流 [视频][收费]
- HTML 精通: 语义、规范和样式 [阅读][收费]
- 互联网很难 [阅读]
- HTML/CSS 简介：制作网站 [视频]
- 学习编写 HTML 和 CSS [阅读]
- 学习 CSS 布局 [阅读]
- MarkSheet [阅读]
- 语义 HTML：如何设计网页 [视频]
- 结实的 HTML 表单结构 [视频]
- 了解 CSS 盒模型 [视频]
- 弹性网页布局 [阅读]
掌握 CSS：
- Flexbox 完整指南 [阅读]
- CSS 烹饪 [交互]
- 从 CSS4 到 CSS1 的 CSS 选择器 [阅读]
- CSS 揭秘：更好的解决常见的网页布局问题 [阅读][收费]
- CSS3 [阅读]
- 深入 CSS3 [视频][收费]
- 什么是 Flexbox？！ 简单免费的20个视频教程帮助你掌握 CSS Flexbox [视频]
参考文献/说明:
- CSS 触发器... 布局、样式和混合使用的游戏, and Composite
- cssreference.io
- cssvalues.com
- Chrome 浏览器的默认 CSS
- Head - 可以在你的文档的 header 中的所有内容的列表
- HTML 属性参考
- MDN CSS 参考
- MDN HTML 元素参考
词汇表:
标准/规范:
- 所有的 W3C CSS 规范
- 所有的 W3C HTML 规范
- CSS 2 级修订 2 （CSS 2.2）规范
- CSS 索引 —— 由 CSS 规范定义的属于列表
- 来自现存标准的 HTML 元素
- 全局属性
- HTML 语法 from the Living Standard
- 来自 W3C 的 HTML 5.2
- 3 级选择器
CSS 架构设计：
设计/编写规范：
- CSS 编码指南 [阅读]
- css-architecture
- cssguidelin.es [阅读]
- Idiomatic CSS [阅读]
- MaintainableCSS [阅读]
- 开发有弹性的、耐用的和可持续的HTML 和 CSS 标准 [阅读]
HTML/CSS 简报：
以上内容是否对您有帮助：
更多建议：