剖析经常使用的CSS属性

css——从基础开始学（一）

CSS基础

CSS是层叠样式表（Cascading Style Sheets）的缩写。它是一种用于网页如何呈现的语言。CSS可以用来控制文本、图像、颜色、布局等方面。

文本属性

CSS提供了多种文本属性，可以用来控制文本的外观和行为。

• 文本对齐（text-align）

  • 可以将文本对齐到左、中或右
  • 默认值为left
  • 示例：
    text-align: left;
    text-align: center;
    text-align: right;

• 文本排版（text-indent）

  • 可以设置文本的缩进量
  • 默认值为0
  • 示例：
    text-indent: 1em;
    text-indent: 20px;

• 文本颜色（color）

  • 可以设置文本的颜色
  • 默认值为黑色
  • 示例：
    color: black;
    color: red;
    color: #ffffff;

• 文本大小（font-size）

  • 可以设置文本的大小
  • 默认值为16px
  • 示例：
    font-size: 12px;
    font-size: 1.2em;

• 文本装饰（text-decoration）

  • 可以设置文本的装饰线
  • 默认值为none
  • 示例：
    text-decoration: none;
    text-decoration: underline;
    text-decoration: line-through;

• 文本阴影（text-shadow）

  • 可以设置文本的阴影
  • 默认值为none
  • 示例：
    text-shadow: 1px 1px 2px black;
    text-shadow: 0px 0px 5px red;

字体属性

CSS提供了多种字体属性，可以用来控制字体的外观和行为。

• 字体（font-family）

  • 可以设置字体的系列
  • 默认值为serif
  • 示例：
    font-family: Arial, sans-serif;
    font-family: "Times New Roman", serif;

• 字体大小（font-size）

  • 可以设置字体的