CSS-(2)样式

一、CSS常用样式

        1.背景样式

background-color	背景颜色
background-image	设置背景图片
background-position	设置背景图片定位
background-repeat	设置背景图片平铺
background-attachment	设置背景图片是固定还是随着滚动条滚动;
background-size	设置背景图片大小
background-repeat	设置背景图片是否及如何重复， no-repeat：不能重复 repeat-x：横向重复 repeat-y：竖向重复

          2.文本样式

text-indent	首行缩进
text-align	水平对齐
line-height	行高
word-spacing	词间距，词语之间需要有空格
letter-spacing	字符间隔，字符之间不需要空格
text-transform	大小写转化 lowercase：大写转小写 uppercase：小写转大写
text-decoration	文本装饰 line-through：定义穿过文本的一条线。 overline：定义文本上的一条线 underline：定义文本下的一条线
white-space	空白字符处理
text-shadow	文本阴影 参数顺序：x距离,y距离,模糊,颜色

        3.字体样式

font-family	字体类型
font-size	字体大小
font-weight	字体粗细
font-style	字体风格，italic：斜体

        4.列表样式

list-style-type	列表标记的类型，去掉项目符号
list-style-image	添加项目符号为图片

        5.表格样式

caption-side	表格标题的位置
border-spacing	单元格与内容之间空白的距离， 设置border-collapse: collapse时失效
border-collapse	合并重复边框

        6.链接样式

                我们可以通过伪类选择器来设置超链接不同状态的样式。

                链接的四种状态（本质上其实就是给a标签设置伪类选择器）：

a:link	普通的、未被访问的链接
a:visited	用户已访问的链接
a:hover	鼠标指针位于链接的上方
a:active	链接被点击的时刻

        7.CSS3中添加的新样式

                

border-radius	设置圆角
background: linear-gradient()	线性渐变
2D动画 ： transfrom	transform: translate(水平平移位置,垂直平移位置);设置元素平移
	transform: scale(倍数); 放大或者缩小
	transform: rotate(角度deg); 旋转角度
	transform: skew(水平倾斜位置,垂直倾斜位置);
transition	过渡效果 transition: all ease-in 过度时间以秒为单位;

二、修改元素默认显示行为

        我们可以通过给html元素设置display样式来改变其默认的显示行为，display的常用取值如下：

display:inline	转化为行内元素(内联元素)显示
display:block	转化为块级元素显示
display:inline-block	转化为行内块显示
display:none	不显示