CSS 简介

什么是 CSS？

CSS 是层叠样式表（Cascading Style Sheets）的缩写，是一种用来为结构化文档（如 HTML 文档或 XML 应用）添加样式（字体、间距和颜色等）的计算机语言。

CSS 的主要作用是：

• 控制网页的样式，如字体、颜色、背景、布局等
• 提高网页的开发效率

CSS 的语法

CSS 的语法非常简单，主要由选择器和属性组成。

选择器用于指定要应用样式的元素。常用的选择器有：

• 标签选择器：用于指定具有相同标签名的元素，如 h1 { color: red; }
• 类选择器：用于指定具有相同类名的元素，如 .my-class { color: blue; }
• 标签 ID 选择器：用于指定具有相同 ID 的元素，如 #my-id { color: green; }

属性用于指定元素的样式。常用的属性有：

• color：用于指定元素的颜色
• font-size：用于指定元素的字体大小
• font-family：用于指定元素的字体族
• background-color：用于指定元素的背景颜色

CSS 的常用属性

CSS 的属性非常多，这里我们只介绍一些常用的属性：

• 字体属性
  • color：用于指定元素的颜色
  • font-size：用于指定元素的字体大小
  • font-family：用于指定元素的字体族
  • font-style：用于指定元素的字体样式，如粗体、斜体等
  • font-weight：用于指定元素的字体粗细
• 背景属性
  • background-color：用于指定元素的背景颜色
  • background-image：用于指定元素的背景图像
  • background-repeat：用于指定背景图像的重复方式
  • background-position：用于指定背景图像的位置
• 布局属性
  • width：用于指定元素的宽度
  • height：用于指定元素的高度
  • margin：用于指定元素的外边距
  • padding：用于指定元素的内边距
  • float：用于指定元素的浮动方式
  • display：用于指定元素的显示方式

实例演示

我们来看看一个简单的 CSS 实例：

DOCTYPE html>