Logo
Section 1 / 2

课程介绍

理解学习CSS的动机。

导入

课程介绍

理解学习CSS的动机。

层叠样式表(CSS) 是一种用于为网页添加样式的语言。

CSS 属于一种 样式表语言,即用于渲染结构化文档显示效果的语言。在 CSS 的场景中,我们所要样式化的结构化文档就是 HTML 标记内容。其他一些样式表语言的例子包括:

  • DSSSL:文档样式语义与规范语言
  • XSL:可扩展样式表语言

CSS 为我们提供了一个集中管理所有样式代码的位置。这样一来,HTML 可以专注于其核心职责——定义文档的结构,而不必关心网页在浏览器中的具体外观。这种设计思想被称为 关注点分离。其理念是:HTML 应仅包含关于内容结构的信息,而所有的样式决策都应在 CSS 中直接完成。

得益于一群充满热情的开发者社区,CSS 持续不断演进。与几年前相比,如今我们通过 CSS 实现的效果令人惊叹。

CSS 的基础知识相对简单易懂。掌握这门语言后,我们就能自信地掌控 HTML 文档的呈现效果。

...

我们可以用 CSS 做什么?

  • 使用 CSS 为页面上可见的任意 HTML 元素添加样式,包括用于创建标题、链接、段落、列表、图片和表格的 HTML 标签。
  • 调整文字大小、颜色、字体以及元素的对齐方式。
  • 还可以为元素添加动画效果,在页面上实现动态变化。
  • 甚至可以根据不同设备调整展示效果,例如大屏幕、小屏幕或打印机。这被称为 响应式网页设计,即利用 CSS 和 HTML 对页面内容进行缩放、缩小、放大、隐藏或移动,使其在任何设备上都能呈现出良好的视觉效果。

先修知识

本课程要求具备基本的 HTML 语法知识,并能够使用 HTML 布局一个简单的网页文档。

为项目添加 CSS