CSS基础知识

CSS（层叠样式表）是一种用于描述HTML或XML文档样式的样式表语言。它允许您控制网页的布局、颜色、字体等。以下是一些CSS基础知识：

选择器

CSS选择器用于选择页面上的元素。以下是一些常用的选择器：

  • 元素选择器：如 p 选择所有<p>元素。
  • 类选择器：如 .my-class 选择所有具有my-class类的元素。
  • ID选择器：如 #my-id 选择具有my-idID的元素。

属性

CSS属性用于定义元素的外观。以下是一些常用的CSS属性：

  • color：定义文本颜色。
  • font-size：定义字体大小。
  • background-color：定义背景颜色。
  • margin：定义元素的外边距。

嵌套

CSS支持嵌套样式，允许您在一个元素内部定义样式，从而实现更精细的控制。

div {
  color: red;
}

div p {
  font-size: 16px;
}

媒体查询

媒体查询允许您根据不同的设备或屏幕尺寸应用不同的样式。

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

CSS 示例

更多信息，请访问我们的CSS教程。



- `text-align`: 文本对齐方式。
- `line-height`: 行高。
- `text-decoration`: 文本装饰（如下划线、删除线等）。
- `border`: 边框样式。
- `padding`: 内边距。
- `margin`: 外边距。

![CSS 边框示例](https://cloud-image.ullrai.com/q/CSS_border_example/)