🎨 第2课:认识CSS

上节课我们学习了HTML(骨架),现在我们来学习CSS(样式)!

💡 什么是CSS?
CSS(层叠样式表)是网页的"化妆师",它负责让网页变漂亮。CSS可以改变颜色、字体、大小、布局等。

CSS的基本语法

CSS由选择器和样式声明组成:

选择器 { 属性: 值; }

CSS能做什么?

1. 改变颜色

color: red; 文字颜色
background: blue; 背景颜色

2. 改变字体和大小

font-size: 20px; 字体大小
font-weight: bold; 粗体

3. 改变边框和圆角

border: 2px solid black; 边框
border-radius: 10px; 圆角

CSS效果演示

🌈 渐变背景

这行文字有渐变背景

✨ 特殊样式

这是用CSS美化的文字

🎯 圆角按钮

🎨 小练习

1. 修改<h1>标签的颜色(试试不同颜色)
2. 改变段落的字体大小
3. 调整方块的圆角大小
4. 修改按钮的背景渐变颜色

🌟 本课重点
• CSS是网页的样式表
• CSS可以改变颜色、字体、大小、边框等
• CSS让网页变得漂亮和有趣