css常见属性

文字：

font-size	字体大小
font-style	字体样式：     normal-----文本正常显示     italic-----文本斜体显示     oblique-----文本倾斜显示
font-weight	字体粗细：     normal-----默认     bold-----加粗     bolder-----相当于<strong>和<b>标签     lighter-----细     100 ~ 900-----整百（400=normal，700=bold）
font-family	字体类型：中文或多个英文单词的字体用引号阔着，使用逗号隔开多种字体（优先级从前向后，如果系统中没有找到当前字体，则往后面寻找）
line-height	文字的行高，一行文字所占的高度

文本：

             

text-align	水平对齐： left-----左对齐（默认） center-----居中对齐 right-----右对齐
text-indent	首行缩进：用于一段文字首行缩进，2em;(2个字体大小)
text-decoration	文本的修饰： none-----去掉下下划线/上线/删除线 underline-----下划线 overline-----上划线 line-through-----中线
text-shadow：	文本阴影： 第一个参数是左右位置 第二个参数是上下位置 第三个参数是虚化效果 第四个参数是颜色
direction	文本的方向： ltr-----默认，文本方向从左到右(left to right) rtl-----文本方向从右到左(right to left)
vertical-align	文本所在行高的垂直对齐方式： baseline-----默认 sub-----垂直对齐文本的下标，和<sub>标签一样的效果 super-----垂直对齐文本的上标，和<sup>标签一样的效果 top-----对象的顶端与所在容器的顶端对齐 middle-----元素对象与所在容器的中间对齐 bottom-----对象的底端与所在行的文字底部对齐
white-space	元素中空白的处理方式： normal-----默认处理方式。 pre-----保留文本原来带的空格，当文字超出边界时不换行。 nowrap-----不保留空格，强制在同一行内显示所有文本，直到文本结束或者碰到br标签 pre-wrap-----保留空格，当文字碰到边界时换行 pre-line-----不保留空格，保留文字的换行，当文字碰到边界时换行
letter-spacing	字母之间的空白
word-spacing	单词之间的空白
text-transform	控制文本的大小写： capitalize-----文本中的每个单词以大写字母开头 uppercase-----定义仅有大写字母，全部转化为大写字母 lowercase-----定义仅有小写字母，全部转化为小写字母
text-overflow:	文本溢出样式通常与overflow:hidden一起使用： clip-----修剪文本 ellipsis-----显示省略符号...来代表被修剪的文本 超出一行之后显示点点点： white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
word-wrap	长单词或 URL 地址换行到下一行：       normal-----只在允许的断字点换行       break-word-----在长单词或 URL内部换行
word-break	中文词语/英文单词的换行规则：       normal-----使用浏览器默认换行规则       break-all-----在单词内换行，会截断单词       keep-all-----在空格或连字符处换行，不会截断单词
overflow	visible-----默认值，内容不会被修剪，会呈现在元素框之外。 hidden-----内容会被修剪，并且其余内容是不可见的。 scroll-----内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto-----如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。

背景：

background-color	背景颜色
background-image	背景图片：          background-image:url('url')-----默认重复铺满
background-image	颜色渐变效果：          background-image:linear-gradient(green,blue,yellow,red,black)
background-repeat	背景重复：    no-repeat-----设置图像不重复，常用 repeat-y => y轴重复 repeat-x => x轴重复
background-position	背景图像的位置坐标： background-position: x轴距离 y轴距离;     background-position: center center;-----center，left，right，top，bottom
background-size	背景大小：  background-size: 宽度 高度;  cover-----等比例铺满, 如果显示比例和显示区域的比例相差很大某些部分会不显示  contain-----正好相反，他是按照某一边来覆盖显示区域的，可能会留空白
background-attachment	背景图像是否固定或者随着页面的其余部分滚动：         background-attachment:fixed;-----背景图片相对浏览器窗口固定

列表：

list-style-type:	列表项标志的类型： none-----去除标志 decimal-leading-zero;  0-----开头的数字标记。(01, 02, 03, 等。) square-----方框 circle-----空心圆 upper-alph; & disc-----实心圆
list-style-image	将图象设置为列表项标志: list-style-image:url(img/tm.jpg);
list-style-position	列表项标志的位置: inside-----列表样式在li里面 outside-----列表样式在li外面

鼠标：

default	小白，默认
crosshair	鼠标悬浮成十字状
pointer	显示小手
move	十字交叉箭头
text	光标
wait	加载圈滚动
help	问号
not-allowed	禁止，红圈斜杠
cursor: url('url'),auto;	自定义鼠标样式

内外边框：

border-width	边框宽度
border-style	边框样式: solid-----默认，实线 double-----双线 dotted-----点状线条 dashed-----虚线
border-color	边框颜色
border-radius	圆角: 1个参数：四个角都应用这个值。 2个参数：第一个参数应用于 左上、右下；第二个参数应用于 左下、右上。 3个参数：第一个参数应用于 左上；第二个参数应用于 左下、右上；第三个参数应用于右下。 4个参数：左上、右上、右下、左下（顺时针）。 自定义水平方向与竖直方向圆角大小 border-radius:10px/10px或border-radius:10px 10px 10px 10px/10px 10px 10px 10px
box-shadow	边框阴影:     第一个参数是左右位置     第二个参数是上下位置     第三个参数是虚化效果     第四个参数是颜色
outline-width	轮廓宽度
outline-color	轮廓颜色
outline-style	轮廓样式

显示与隐藏

display	none-----不显示 block-----显示为块级元素 inline-----显示为内联元素              inline-block-----行内-块级元素，可以使多个块级元素显示在一行
visibility	visible-----元素可见        hidden-----元素不可见但占位置（相当于opacity:0;）

浮动与定位：

float	浮动：      none-----不浮动      left-----左浮动      right-----右浮动
clear	清除浮动：      none-----默认值。允许两边都可以有浮动对象（不清除）      left-----不允许左边有浮动对象（清除左浮动）      right-----不允许右边有浮动对象（清除右浮动）      both-----不允许两边有浮动对象（清除左右浮动）
position	定位：                     static-----默认值，没有定位，遵从正常的文档流           relative-----相对定位元素，相对于其正常位置进行定位，遵从正常的文档流           absolute-----绝对定位元素,相对于离它最近且设置position值的父元素的定位，脱离正常文档流           fixed-----绝对定位元素，固定在浏览器某处
z-index	元素层叠顺序：              仅在定位元素上有效，可以指定负数属性值