css3hlsa,CSS3颜色，文字，文本部分常用属性

当前浏览器不支持播放音乐或语音，请在微信或其他浏览器中播放

CSS3颜色表示方法：

1、颜色名称

2、十六进制

3、RGB方式 (r,g,b)

4、RGBA (支持透明)(r,g,b,a)

5、HLS  (色调,饱和度,亮度0.0%-100.0%)

6、HLSA  (支持透明)(h,l,s,a)

注：a代表alpha是介于(完全透明)0.0——(完全不透明)之间的数字1.0之间的数字。可以下载颜色表或者在颜色选择器上选择。

CSS3字体属性表示方法：

1、font-size ：字体大小

默认em(浏览器默认大小)，表示方法2em，10px，120%。

2、font-variant：英文字母大小写

normal(默认)，small-caps(显示小型大写字母)。

3、font-style：字体样式

normal(默认)，italic(斜体)。

4、font-weight：字体粗细

normal(默认)，bold(粗体)。

数字表示方法：100-900(400=normal，700=bold)。

5、font-family：字体系列名称

电脑中有的字体，且可以下载字体嵌入。

6、font：设置字体所有属性

必须设置字体大小和字体系列名称。

7、@font-face：嵌入字体

{ font-family:"**"字体名字

src:url('****.ttf')

}

CSS3文本属性表示方法：

1、color：设置文本颜色

2、background：设置文本背景色

3、text-align：水平对齐方式

left(默认)/right/center/justify。

4、text-indent：设置文本首行缩进(2em/px)

5、text-decoration：向文本添加修饰

none(默认)/underline/overline(上/下划线)/line-through(穿过文本)/blink(闪烁的文本)

6、letter-spacing：字符间距(em/px/百分比/负值)

7、word-spacing：字/单词间距 (normal=0)

8、text-transform：设置文本大小写

none(默认)/uppercase/lowercase(大/小写所有字母)

capitalize(大写字母开头)

9、text-shadow：文本阴影

格式：(x偏移量，y偏移量，模糊度，颜色)

10、while-space：元素中空白处理方式

normal(默认空白忽略)/pre(空白被保留=

)/nowrap(不换行，直到
)/pre-warp(保留空白，换行)

pre-line(合并空白符，换行)

11、direction：文字方向

ltr(默认左->右)/rtl(右->左)

12、unicode-bidi:bidi-override ： 文字顺序从右向左

13、word-wrap:break-word：长单词换行

14、word-break：换行

break-all(允许单词内换行)/keep-all(在半角字符或连接字符处换行)

15、-webkit-text-stroke:#px color;：文字描边

16、-webkit-fill-color:color;：填充色

继续加油！！