CSS 分类

CSS基础与选择器

学习目标

理解CSS的基本概念和作用
掌握CSS的三种引入方式
熟练使用各种CSS选择器
了解选择器的优先级规则

CSS简介

什么是CSS

CSS（Cascading Style Sheets，层叠样式表）是一种用来描述HTML或XML文档样式的样式表语言。CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。

cheniy2025/9/17大约 8 分钟

CSS文本、背景与表格

学习目标

掌握CSS文本属性的使用
学会设置背景样式
了解表格的CSS样式控制
掌握关系选择器的使用

文本属性

文本对齐 - text-align

控制文本的水平对齐方式。

/* 文本对齐属性 */
.text-left {
    text-align: left;      /* 左对齐（默认值） */
}

.text-center {
    text-align: center;    /* 居中对齐 */
}

.text-right {
    text-align: right;     /* 右对齐 */
}

.text-justify {
    text-align: justify;   /* 两端对齐 */
}

cheniy2025/9/17大约 14 分钟

CSS盒子模型与布局

学习目标

深入理解CSS盒子模型的概念和组成
掌握不同的定位方式
学会使用浮动进行布局
了解现代布局技术的基础

CSS盒子模型

盒子模型概念

CSS盒子模型是网页布局的基础概念。每个HTML元素都可以看作是一个矩形的盒子，这个盒子由四个部分组成：

cheniy2025/9/17大约 15 分钟

CSS弹性盒模型与响应式设计

学习目标

掌握Flexbox弹性盒模型的核心概念
学会使用Flexbox进行现代化布局
理解响应式设计的原理和实现
掌握媒体查询的使用技巧

Flexbox弹性盒模型

Flexbox概念

Flexbox（弹性盒模型）是CSS3引入的一种强大的布局方法，它提供了一种更加高效的方式来排列、分布和对齐容器中的项目，即使它们的大小未知或是动态的。

cheniy2025/9/17大约 14 分钟

CSS高级特性

学习目标

掌握CSS3的新特性和高级功能
学会使用CSS动画和过渡效果
了解CSS变换和滤镜效果
掌握现代CSS开发技巧

CSS3新特性

圆角边框 - border-radius

CSS3引入的圆角功能让我们能够轻松创建圆角元素。

cheniy2025/9/17大约 14 分钟