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

Posted 君子玮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS3颜色,文字,文本部分常用属性相关的知识,希望对你有一定的参考价值。

当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放 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颜色,文字,文本部分常用属性

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颜色,文字,文本部分常用属性

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;:填充色

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

继续加油!!CSS3颜色,文字,文本部分常用属性CSS3颜色,文字,文本部分常用属性






以上是关于CSS3颜色,文字,文本部分常用属性的主要内容,如果未能解决你的问题,请参考以下文章

Android TextView中文字通过SpannableString来设置超链接 颜色 字体等属性

Android TextView中文字通过SpannableString来设置超链接颜色字体等属性

TextView控件常用属性

CSS3 新增属性(边框,背景,文字,颜色属性)

常用重要CSS样式的属性

CSS3新增的常用方法以及CSS常见属性整理