300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > CSS入门五:文本样式;字体颜色:英文字母 十六进制 RGB;文本颜色 字间距 行间距

CSS入门五:文本样式;字体颜色:英文字母 十六进制 RGB;文本颜色 字间距 行间距

时间:2019-12-06 16:01:32

相关推荐

CSS入门五:文本样式;字体颜色:英文字母 十六进制 RGB;文本颜色 字间距 行间距

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;文本颜色 字间距 行间距 对齐方式;下划线 上划线… 文本阴影 字母大小写 首行缩进

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。