css字体属性

一、CSS字体属性用于设置文本的字体样式。以下是常用的CSS字体属性:

  1. font-family:设置文本的字体系列,可以使用多个字体,用逗号分隔。
  2. font-size:设置文本的字体大小,可用像素、百分比、em等单位。
  3. font-weight:设置文本的字体粗细,常用的值有normal、bold、bolder、lighter、100、200、300、400、500等。
  4. font-style:设置文本的字体样式,常用的值有normal、italic、oblique。
  5. font-variant:设置文本的小型大写字母显示方式,常用的值有normal、small-caps。
  6. line-height:设置文本行高。
  7. text-align:设置文本对齐方式,常用的值有left、center、right。
  8. text-decoration:设置文本装饰,常用的值有none、underline、overline、line-through、blink。
  9. text-transform:设置文本大小写转换方式,常用的值有none、capitalize、uppercase、lowercase。
  10. letter-spacing:设置字符间距。
  11. word-spacing:设置单词间距。
  12. text-indent:设置首行文本缩进。

二、以下是几个 CSS 字体属性的代码实例:

  1. 设置字体大小和颜色:
font-size: 16px;
color: #333;

  1. 设置字体样式:
font-family: Arial, sans-serif;
font-weight: bold;
font-style: italic;

  1. 设置文本对齐方式:
text-align: center;

  1. 控制字符间距和行高:
letter-spacing: 1px;
line-height: 1.5;

  1. 控制文本下划线:
text-decoration: underline;
text-decoration-color: blue;

  1. 控制文本背景颜色和边框:
background-color: yellow;
border: 1px solid #ccc;

  1. 控制文本阴影效果:
text-shadow: 1px 1px #ccc;

你可能感兴趣的:(前端开发,css,前端)