CSS课程

CSS基础 第1部分:

• 定义样式并将其应用到CSS。

• 应用font-size、color、text-align、margin、padding、border和background-color到元素上的示例。

• 定义链接以及如何在HTML中加入它们以应用CSS样式。

• 内联样式 > id > class > tag的层级关系，以高效地应用CSS样式。

• 使用内联样式直接对元素应用CSS样式。

• 使用id应用CSS样式。

• 使用class应用CSS样式。

CSS 基础 第二部分:

• 使用 HTML 标签。

• 嵌套 HTML 元素。

• 理解 CSS 类的层次结构。

• 探索 hover 及其用法。

• 调整 HTML 宽度和高度。

页面布局基础结构 第1部分:

• CSS 中类的命名约定

• visibility 和 display 属性的区别以及如何在设计中应用它们

• CSS 属性的示例，如 border-radius、visibility、display 和 box-sizing

• 使用 border-box 模型进行更好的设计布局的好处

页面布局基础设施 第2部分:

• 在CSS中改进布局。

• float和clear对文档布局的作用。

• float和clear的使用。

• 审查元素对齐方法的不同途径。

使用CSS定位元素 第1部分:

• 探索CSS中的position。

• 理解相对定位。

• 理解绝对定位。

• 使用top、left、right和bottom属性控制位置。

• 使用z-index控制元素的堆叠顺序。

使用 CSS 定位元素第2部分:

• 学习如何使用 CSS position 属性定位元素。

• 理解 position: relative 和 position: absolute 之间的区别。

• 探索如何使用 top、left、right 和 bottom 属性调整元素的位置。

• 发现如何使用 z-index 属性控制元素的堆叠顺序。