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

Posted 2021-04-09 君子玮

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

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（空白被保留=<pre>）/nowrap（不换行，直到<br>）/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;：填充色

继续加油！！