CSS外观属性

概念：

• color属性用于定义文本的颜色，其取值方式有如下3种：

  • 预定义的颜色值，如red，green，blue, pink等。

  • 十六进制，如#FF0000，#FF6600，#336699等。实际工作中，十六进制是最常用的定义颜色的方式。

  • RGB代码，如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。

    text-indent:首行缩进

    text-indent属性用于设置首行文本的缩进，其属性值可为不同单位的数值、em字符宽度的倍数、建议使用em作为设置单位。

    1em 就是一个字的宽度 如果是汉字的段落， 1em 就是一个汉字的宽度。

    line-height:行间距

    概念：

  • line-height属性用于设置行间距，就是第一行顶端到第二行顶端的距离，称为行高。

    text-align:水平对齐方式

    概念：

  • text-align属性用于设置文本内容的水平对齐，相当于html中的align对齐属性。其可用属性值如下：

    • left：左对齐（默认值）

    • right：右对齐

    • center：居中对齐

  letter-spacing:字间距

  letter-spacing属性用于定义字间距，所谓字间距就是字符与字符之间的空白。

  word-spacing:单词间距

  word-spacing属性用于定义英文单词之间的间距，对中文字符无效。

  word-spacing和letter-spacing均可对英文进行设置。不同的是letter-spacing定义的为字母之间的间距，而word-spacing定义的为英文单词之间的间距。

  颜色透明度(css3)

  概念：

• 文字颜色到了CSS3我们可以采取半透明的格式

• 语法：

  color: rgba(r,g,b,a) ;

  a 是 alpha 透明的意思，取值范围 0~1之间。

  文字阴影(CSS3)

  概念：

• text-shadow属性设置文字阴影。

• 语法：

  text-shadow:水平位置 垂直位置 模糊距离 阴影颜色;

  文本的装饰

  概念：

• text-decoration 属性用于文本的装饰，它的值如下：

• 值	描述
  none	默认。定义标准的文本。
  underline	定义文本下的一条线。下划线 也是我们链接自带的
  overline	定义文本上的一条线。
  line-through	定义穿过文本下的一条线。