html5+css3（css字体属性常用样式和文本属性常用样式，绝对单位，相对单位，font-family，font-size，font-weight，font-style，font-variant）

字体属性

CSS的单位

html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样。 CSS中的单位是必须要写的，因为它没有默认单位。

绝对单位

1 in=2.54cm=25.4mm=72pt=6pc。

各种单位的含义：

• in：英寸Inches (1 英寸 = 2.54 厘米)
• cm：厘米Centimeters
• mm：毫米Millimeters
• pt：点Points，或者叫英镑 (1点 = 1/72英寸)
• pc：皮卡Picas (1 皮卡 = 12 点)

相对单位

px：像素 em：印刷单位相当于12个点 %：百分比，相对周围的文字的大小

以下是一些常用的 CSS 字体属性

属性	用法	描述
font-family	font-family: Arial, sans-serif;	定义字体类型。可以指定一个或多个字体，用逗号分隔。
font-size	font-size: 16px;	定义字体的大小。可以使用像素、em、rem、vw等单位。
font-weight	font-weight: bold;	定义字体的粗细。可以是数值（100-900）或关键词（normal, bold, bolder, lighter）。
font-style	font-style: italic;	定义字体的风格。通常有 normal 和 italic。
font-variant	font-variant: small-caps;	定义字体的小写字母是否变成小型的大写字母。通常有 normal 和 small-caps。
font-size-adjust	font-size-adjust: 0.5;	定义基于当前字体尺寸调整的尺寸，以保持视觉一致性。
font-stretch	font-stretch: condensed;	定义字体的拉伸程度。可以是 normal, wider, narrower, ultra-condensed 等。
line-height	line-height: 1.6;	定义行间距。可以是正常数字、百分比或 em。
letter-spacing	letter-spacing: 2px;	定义字母之间的间距。
word-spacing	word-spacing: 4px;	定义单词之间的间距。
text-transform	text-transform: uppercase;	定义文本的转换方式。可以是 none, capitalize, uppercase, lowercase。
font	font: italic bold 16px/1.6 "Arial", sans-serif;	简写属性，按照特定的顺序设置字体的多个属性。

文本属性

CSS样式中，常见的文本属性有以下几种：

• letter-spacing: 0.5cm ; 单个字母之间的间距
• word-spacing: 1cm; 单词之间的间距
• text-decoration: none; 字体修饰：none 去掉下划线、underline 下划线、line-through 中划线、overline 上划线
• color:red; 字体颜色
• text-align: center; 在当前容器中的对齐方式。属性值可以是：left、right、center（在当前容器的中间）、justify
• text-transform: lowercase; 单词的字体大小写。属性值可以是：uppercase（单词大写）、lowercase（单词小写）、capitalize（每个单词的首字母大写）

以下是一些常用的 CSS 文本属性：

属性	用法	描述
color	color: red;	定义文本的颜色。
font-family	font-family: Arial, sans-serif;	定义文本的字体。
font-size	font-size: 16px;	定义文本的字体大小。
font-weight	font-weight: bold;	定义文本的粗细。
text-align	text-align: center;	定义文本的对齐方式。
text-decoration	text-decoration: underline;	定义文本的装饰线（如下划线）。
text-transform	text-transform: uppercase;	定义文本的大小写转换。
line-height	line-height: 1.6;	定义行高。
letter-spacing	letter-spacing: 2px;	定义字符间距。
word-spacing	word-spacing: 4px;	定义单词间距。
text-indent	text-indent: 20px;	定义首行文本的缩进。
white-space	white-space: nowrap;	定义空白的处理方式。
text-shadow	text-shadow: 2px 2px 4px #000000;	定义文本阴影。
direction	direction: rtl;	定义文本的方向。
unicode-bidi	unicode-bidi: bidi-override;	定义文本的 bidi 方向性。
text-overflow	text-overflow: ellipsis;	定义当文本溢出时如何处理。