CSS总结------文本字体类

这一章主要对文本和背景的CSS**常用**属性做出总结

CSS的东西太多了，不常用的有精力的可以试着知道。一般都查表

包括

名称	名称
文字属性	文本属性
颜色属性	背景属性

下面一一来归纳：

1.文字属性

1.font-style：文字样式

名称	格式	解释
正常	normal	默认，使用正常
斜体	italic	使用文字的斜体
倾斜	oblique	使文字倾斜
继承	inherit	规定应该从父元素继承字体样式

注意点：

italic是使用某个字体的斜体，如果字体没有斜体，就没有用

oblique是直接让字体倾斜

inherit往往用于继承不会被自动继承的属性

2.font-weight:字体粗细

名称	格式	解释
正常	normal	默认，使用正常–400
粗体	bold	显示文字的粗体—700
更粗	bolder	显示文字的超粗体
细斜	oblique	文字更细
自定义	100-900	自定义粗细
继承	inherit	规定应该从父元素继承字体样式

3.font-size:字体大小

名称	格式	解释
细体	xx-small> x-small >small	非常小，很小，小
正常	medium	默认
粗体	large>x-large>xx-large	三种
长度表示法	20em；/20px；/20pt；	在后面接上像素值等
相对比较	larger 、smaller	相对于父元素
百分比值	50%	父元素百分比
继承	inherit	规定应该从父元素继承字体样式

4.font-family:字体种类

名称	格式	解释
中文	“”/”	中文需要括起来
英文	任意

注意点：

1.用户电脑得有

2.备用字体用逗号隔开

3.不存在会使用默认

4.中文字体可以用英文代号

5.分别设置中英文，英文要在前面

5.连写

连写是设置字体属性的一个很方便的方法

格式：

font:style weight size family
//1.style,weight可以省略。
//2.style,weight可以交换。
//3.其余不可省略，不可交换

2.文本属性

1.text-decoration：文本装饰

名称	格式	解释
无	none	默认。定义标准的文本
下划线	underline	定义文本下的一条线
上划线	overline	定义文本上的一条线
删除线	line-through	定义穿过文本下的一条线
闪烁	blink	定义闪烁的文本
继承	inherit	规定应该从父元素继承字体样式

2.text-align：文本对其

名称	格式	解释
中	center	把文本排列到中间
左	left	把文本排列到左边(默认)
右	right	把文本排列到右边
两端	justify	实现两端对齐文本效果
继承	inherit	规定应该从父元素继承字体样式

3.text-indent：文本缩进

length 定义固定的缩进。默认值：0。

% 定义基于父元素宽度的百分比的缩进。

inherit 规定应该从父元素继承 text-indent 属性的值。

名称	格式	解释
绝对值	length	常用的表示，em
百分比	%	定义基于父元素宽度的百分比的缩进
继承	inherit	规定应该从父元素继承字体样式

3.颜色属性

名称	格式	解释
英文	red/blue	直接使用英文
三原色	rgb(0,0,0)	红绿蓝为参照
三原色+	rgb(0,0,0，0)	a代表透明度
十六进制	FFEE00	使用十六进制

网上无意中看到的一个，感觉还行，可以查查

颜色对照表

4.总结

一天一篇，莫急，莫慌