网站建设前台和后台,网站聚合页面模板,网站seo排名优化方法,网站后台编辑怎么做知识引入
使用HTML可以对文本外观进行简单的控制#xff0c;但是效果并不理想#xff0c;为此CSS提供了一系列的文本外观样式属性#xff0c;具体如下。
color:文本颜色
color属性用于定义文本的颜色#xff0c;其取值方式有以下三种。
#xff08;1#xff09;预定义…知识引入
使用HTML可以对文本外观进行简单的控制但是效果并不理想为此CSS提供了一系列的文本外观样式属性具体如下。
color:文本颜色
color属性用于定义文本的颜色其取值方式有以下三种。
1预定义的颜色值如red、green、blue等。
2十六进制例如#FF6600,#29D794#FF0000等实际工作中十六进制是最常用定义颜色的方式。
3RGB代码如红色可表示为rgb(25500)或rgb(100%,0%,0%)。
例如要把一段文本颜色变为红色可以写以下代码p{ color:red; }
*注意如果使用RGB代码的百分比颜色值即使是取值为0也不能够省略百分号。
2.letter-spacing:字间距
Letter-spacing属性用于定义字间距所谓字间距就是字符和字符之间的空白。其属性值可以是不同单位的数值。定义字间距时允许使用负值默认属性为normal例如下面的代码分别为h2和h3定义了不同的间距。
h2{letter-spacing:20px;}
h3{letter-spacing:-0.5em;}
3.word-spacing单词间距
1word-spacing的属性是定义单词和单词之间的距离,对中文字符无效。与letter-spacing一样其属性值可以是不同单位的数值允许用负值默认为normal。
2word-spacing和letter-spacing均可以对英文进行设置。不同的是letter-spacing定义的是字母与字母之间的距离而word-spacing定义的是单词和单词之间的距离下面通过一个案例来演示一下它们的使用方法。
先写代码如图1. 图1
保存运行代码如图2 图2
4.line-height:行间距
line-height属性一般用于设置行间距意思就是行与行之间的距离即字符的垂直间距一般称为行高。line-height常用的属性单位有三种分别是像素px、相对值em、百分比%实际工作中最常用的还是像素px.。
下面通过一个案例来演示一下line-height属性的使用方法。
先写代码如图3 图3
保存后运行代码如图4
图4
5.text-transform:文本转换
text-transform属性用于控制英文字符的大小写其可用属性值如下。
1none:不转换默认值。
2capitalize:首字母大写。
(3)uppercase:全部字符转换成大写。
4lowercase:全部字符转换成小写。
6.text-decoration:文本装饰
text-decoration:属性用于定义文本的下划线、删除线等装饰效果其可用属性值如下。
1none:没有装饰。
2underline:下画线。
3overline: 上画线。
4line-through:删除线。
text-decoration可以赋多个值中间用空格隔开用于给文本添加多种显示效果下面通过案例来演示一下text-decoration的使用方法。
先写代码如图5 图6
保存运行如图7 图7
7.以上就是CSS文本外观属性内容知识点1了下期我们讲CSS文本外观属性内容知识点2。
