CSS（层叠样式表）是用于描述 HTML 或 XML 文档样式的样式表语言。它用于设置网页元素的样式，如颜色、字体、布局等。

基本语法

CSS 语法由选择器和声明组成。选择器用于指定要应用样式的元素，声明则包含属性和值的组合。

选择器 {
  属性: 值;
}

选择器类型

  • 元素选择器：基于 HTML 元素选择样式，如 p、div 等。
  • 类选择器：基于类名选择样式，如 .my-class。
  • ID 选择器：基于 ID 选择样式，如 #my-id。

常用属性

  • color：设置文本颜色。
  • font-size：设置字体大小。
  • margin：设置外边距。
  • padding：设置内边距。
  • background-color：设置背景颜色。

响应式设计

响应式设计是指网页在不同设备上具有良好显示效果的设计方式。CSS 中可以使用媒体查询来实现响应式设计。

@media screen and (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

扩展阅读

想了解更多关于 CSS 的知识？请访问我们的 CSS 教程。

CSS 图片