CSS样式

CSS相关知识点归纳总结思维导图，如有错误，请各位指正。

CSS样式（2）

CSS背景

background简写

颜色/图像/重复/固定/位置

背景色(background-color)

作用：进行填充背景颜色

使用：background-color:颜色值

背景图片(background-image)

作用：设置背景图片

使用：background-image:url（相对地址）

背景重复(background-repeat)

价值

设置背景图片如何重复

分类值

repeat-x

repeat-y

no-repeat

使用

背景定位(background-position)

作用：

设置背景图像的起始位置，如果图像要重复，就从这个位置开始

分类

top left

top center

top right

center right

center left

center center

bottom left

bottom right

bottom center

x% y%

定义：第一个值是水平位置，第二个值是垂直位置

使用

背景关联（background-attactment）

价值：设置背景图像是否固定或者随着页面的其余部分滚动。

分类

scroll

定义：背景图像会随着页面其余部分的滚动而移动。

fixed

定义：当页面的其余部分滚动时，背景图像不会移动。

使用

CSS文本

定义：可改变文本的外观

作用

通过文本属性，您可以改变文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进，等等。

缩进（text-indent）

作用：进行文本缩进

使用：text-indent:5em

水平对齐(text-align)

作用：让文本水平对齐

分类

left

right

center

使用

字间距(word-spacing)

定义：增加或减少单词间的空白

使用

word-spacing:5px;

文本装饰(text-decoration)

定义

添加到文本的修饰。

分类

none

underline

定义文本下的一条线

场景：可以在那个毛标签里把标签的下划线去掉

使用

CSS字体

价值：可以设置字体

font-family

定义：设置文本的字体

使用

font-style

作用：规定字体样式

分类

normal

italic

使用

font-variant

价值：设定小写大写字母

分类

normal

small-caps

定义：小型大写字母的字体

使用

font-weight

作用

设置文本的粗细

分类

normal

bold

定义粗体

bolder

更粗

lighter

100-900

400=normal,700等于bold

使用

font-size

定义：设置文本的大小

使用

CSS连接

价值

用不同的方式为链接设置样式

分类

a:link

定义：没有任何操作

a:visited

定义：已经访问

a:hover

定义：悬浮

a:active

定义：长按

使用

与上面的东西结合使用

CSS列表

定义：列表属性允许你放置、改变列表项标志，或者将图像作为列表项标志。

list-style-type

价值

用于修改列表项的标志类型

分类

none

定义：无标记

其他的自查

使用

简写list-style样式