CSS入门部分已经了解了:CSS简介、样式表分类,内部样式表简单使用;选择器和类选择器简单使用;背景色、背景图;以及外部样式表的简单使用;
本篇博客主要介绍,如何对文本设置,包括字体颜色;字间距,行间距,对齐方式;下划线、上划线…,文本阴影,字母大小写,首行缩进等;
目录
1.字体颜色:英文字母,十六进制,RGB
2.文本样式:文本颜色,字间距,行间距,对齐方式
3.文本样式:下划线、上划线…,文本阴影,字母大小写,首行缩进
1.字体颜色:英文字母,十六进制,RGB
● #FFB6C1:共六位,两位代表一个原色,依次为红绿蓝。
● 238,20,168:RGB表示方式:依次为红绿蓝;
●在实际开发中,大概率是使用十六进制或RGB的方式,很少情况使用英文单词,以前开发时,比对着着颜色表对照表的;
2.文本样式:文本颜色,字间距,行间距,对齐方式
●1.color:字体颜色
● 2.direction:问题对齐方式:ltr:左对齐,也是默认对齐方式;rtl:右对齐;(这个不建议用,容易出幺蛾子)
●3.letter-spacing:字符的左右间距,如果是负数,那么文字就会过于紧凑,发生重叠,挤在一起;
●4.line-height:行高
● 5.text-align:其中,justify是两端对齐;
……………………………………………………
注解:text-align和direction区别
对于非阿拉伯语来说,text-align和direction区别不大;只有对于阿拉伯语和阿拉伯数字来说,direction会改变书写方向:
效果:
这样一看,direction这个属性以后别用了,都用text-align吧。因为direction说不定啥时候就会出个幺蛾子。
3.文本样式:下划线、上划线…,文本阴影,字母大小写,首行缩进
● 6.text-decoration:下划线,上划线,删除线;
●7.text-shadow:
h-shadow:阴影相对原文字的行坐标;
v-shadow:阴影相对原文字的列坐标;
blur:阴影的模糊程度,越大阴影越模糊,如果过大,则阴影会消失不见,变成水洗似的泼散开来的效果;
color:阴影颜色
●8.text-transform:字母大小写,这个属性是针对英文的;对于中文,这个属性就没意义了;
capitalize:首字母大写;
uppercase:全部大写;
lowercase:全部小写;
●9.text-indent:首行缩进,这个主要是针对段落的;
CSS入门五:文本样式;字体颜色:英文字母 十六进制 RGB;文本颜色 字间距 行间距 对齐方式;下划线 上划线… 文本阴影 字母大小写 首行缩进