文本属性和颜色属性

文本属性 1.文本装饰的属性 格式:text-decoration: underline; 取值: underline 下划线 line-through 删除线 overline 上划线 none 什么都没有, 最常见的用途就是用于去掉超链接的下划线 快捷键: td text-decoration: none; tdu text-decoration: underline; tdl text-decoration: line-through; tdo text-decoration: overline;

2.文本水平对齐的属性 格式: text-align: right; 取值: left 左 right 右 center 中 快捷键 ta text-align: left; tar text-align: right; tac text-align: center;

3.文本缩进的属性 格式: text-indent: 2em; 取值: 2em, 其中em是单位, 一个em代表缩进一个文字的宽度 快捷键 ti text-indent:; ti2e text-indent: 2em;

颜色属性 1.在CSS中如何通过color属性来修改文字颜色 格式: color: 值; 取值: 1.1英文单词 一般情况下常见的颜色都有对应的英文单词, 但是英文单词能够表达的颜色是有限制的, 也就是说不是所有的颜色都能够通过英文单词来表达

1.2rgb rgb其实就是三原色, 其中r(red 红色) g(green 绿色) b(blue 蓝色) 格式: rgb(0,0,0) 那么这个格式中的 第一个数字就是用来设置三原色的光源元件红色显示的亮度 第二个数字就是用来设置三原色的光源元件绿色显示的亮度 第三个数字就是用来设置三原色的光源元件蓝色显示的亮度 这其中的每一个数字它的取值是0-255之前, 0代表不发光, 255代表发光, 值越大就越亮

红色: rgb(255,0,0); 绿色: rgb(0,255,0); 蓝色: rgb(0,0,255); 黑色: rgb(0,0,0); 白色: rgb(255,255,255);

在前端开发中其实并不常用黑色 只要让红色/绿色/蓝色的值都一样就是灰色 而且如果这三个值越小那么就越偏黑色, 越大就越偏白色 例如: color: rgb(200,200,200);

1.3rgba rgba中的rgb和前面讲解的一样, 只不过多了一个a 那么这个a呢代表透明度, 取值是0-1, 取值越小就越透明 例如: color: rgba(255,0,0,0.2);

1.4十六进制 在前端开发中通过十六进制来表示颜色, 其实本质就是RGB 十六进制中是通过每两位表示一个颜色 例如: #FFEE00 FF表示R EE表示G 00表示B

什么是十六进制? 十六进制和十进制一样都是一种计数的方式 在十进制中取值范围0-9, 逢十进一 在十六进制中取值范围0-F, 逢十六进一