学习CSS 第一步 - 学习 Web 开发 编辑
CSS(层叠样式表)用于设置和布置网页 - 例如,更改内容的字体,颜色,大小和间距,将其拆分为多个列,或添加动画和其他装饰功能。这个模块为你掌握CSS的过程提供了一个温和的开端,包括它如何工作的基础知识,语法是什么样的,以及如何开始使用它来为HTML添加样式。
先决条件
在开始本单元之前,您应该:
注意: 如果你工作在一个无权创建自己文件的电脑/平板/其他设备上,你需要在一个在线编程工具上试验 (大多数)代码示例,如 JSBin 或者 Thimble 等。
指南
该模块包含以下文章 , 这些文章将带您了解CSS的所有基本理论,并提供测试一些技能的机会。
- 什么是 CSS?
- CSS (Cascading Style Sheets) 使你创建外观漂亮的网页,但它如何起作用的呢?这篇文章用一个简单的语法示例解释CSS是什么,还包括有关该语言的一些关键术语。
- CSS 入门
- 在本文中,我们将采用一个简单的HTML文档并将CSS应用于该文档,并在此过程中学习一些关于语言的实用内容。
- 如何构建CSS?
- 现在您已经了解了CSS是什么以及使用它的基础知识,现在是时候更深入地了解语言本身的结构。在这里,我们已经遇到了讨论过的许多概念; 如果你发现任何令人困惑的概念,你可以回到这个回顾。
- CSS 如何工作
- 我们已经学习了CSS基础理论:CSS是什么以及如何编写简单的样式表。在这个课程中,我们将看看浏览器如何使用CSS和HTML并将其转换为网页。
- 用用你刚学到的知识
- 根据您在最后几课中学到的内容,您应该发现可以使用CSS格式化简单的文本文档,以便为它们添加自己的样式。本文为您提供了实现这一目标的机会。
相关链接
- 中级网络识字1:CSS简介
- 一个优秀的Mozilla基础课程,探索和测试CSS模块简介中谈到的许多技能。了解在网页上设置HTML元素的样式,CSS选择器,属性和值。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论