CSS 样式详解：属性、实例及应用 - 从入门到进阶

CSS，全称为层叠样式表（Cascading Style Sheets），是一种用于描述 HTML 或 XML（或其他 SGML 衍生语言）文档外观（样式）的语言。CSS 使得作者可以将文档的样式从文档的内容中分离出来，以便将来可以轻松地对文档进行样式更改和布局控制。

CSS 属性是一种用于定义 HTML 元素样式的规则。每个属性都有一个特定的名称和值。CSS 属性在样式表中使用，可以用来设置文本颜色、背景颜色、字体大小、边框样式等各种样式。

下面是一些 CSS 属性及其简单的实例：

1. color 属性：用于设置文本颜色

p {
  color: red;
}

2. background-color 属性：用于设置背景颜色

body {
  background-color: lightblue;
}

3. font-size 属性：用于设置字体大小

h1 {
  font-size: 36px;
}

4. border 属性：用于设置边框样式

div {
  border: 2px solid black;
}

5. margin 属性：用于设置元素外边距

p {
  margin: 10px;
}

6. padding 属性：用于设置元素内边距

div {
  padding: 20px;
}

7. text-align 属性：用于设置文本对齐方式

h1 {
  text-align: center;
}

8. display 属性：用于设置元素的显示方式

img {
  display: block;
}

以上是一些简单的 CSS 属性及其实例，CSS 还有很多其他的属性，可以根据具体需求进行学习和应用。