CSS常见样式和属性

1、字体
  属性：
    font-family : 字体族科
    通用字体系列：Serif,Sans-serif,Monospace,Cursive,Fantasy
    指定字体系列：p {font-family:Times,TimesNR,'New Century Schoolbook',Georgia,'New York',Serif;}
    font-size : 字体大小
    font-style : 字体风格
    font-weight : 字体加粗
    font-variant : 字体变形（异形）

-----------------------------------------------
  字体连写：
    Font:[<字体风格>||<字体变形>||<字体加粗>】?<字体大小>[/行高]?<字体族科>
    p {font:italic bold 32px/64px serif;} //32为字体大小，64为行高

2、颜色属性
  颜色：颜色属性允许网页制作者指定一个元素的颜色，颜色值可以是一个关键字或一个RGB格式的数字；
  #rrggbb;
  #rgb;
  rgb(x,x,x)
  rgb(y%,y%,y%)
  如：h1{color:red;}

3、背景属性
  background-color  设置元素的背景颜色。transparent（透明色）
  background-image  把图像设置为背景。none（无）
  background-repeat  设置背景图像是否及如何重复:repeat,repeat-x,repeat-y,no-repeat；
  background-attachment  背景图像是否固定或者随着页面折其余部分滚动；scroll（滚动）或fixed（固定）
  background-position  背景图像的起始位置。横向（left,center,right）；纵向（top,center,bottom），百分比和长度；

------------------------------------
连写：
  background:<背景颜色>||<背景图片>||<背景重复>||<背景附件>||<背景位置>
  如：background:#ff0000 url(../../i/eg_bg_03.gif) no-repeat fixed center;
  多张图片在一张大图上调用：background:url(url) 0 -240px;

4、文本属性 ： CSS文本属性主要包括：字母间隔、文字修饰、文字排列、文字缩进、行高，以及文字大小等；
  letter-spacing - 设置字符间距；必须符合长度格式，允许使用负值；
  word-spacing - 设置字间距；必须符合长度格式，允许使用负值；（作用于空格）
  text-decoration - 向文本添加修饰；underline（下划线），overline（上划线），line-through（删除线），blink（闪烁,IE不生效）默认使用无；
  text-align - 对齐元素中的文本；left、right、center或justify；
  text-indent - 缩进元素中文本的首行；可以为一个长度或百分比；
  line-height - 设置行高；
  color - 设置文本颜色；

5、边框属性 : 每个内容或元素外面都可以有一个边框，边框分上边框（top），下边框（bottom），左边框（left），右边框（right），每种边框有颜色（color），样式（style），
  宽度（width）三种属性；如果上下左右的边框表现不一样，可以分别定义上下左右边框，如果一样可以统一使用border属性定义；
  border-style - 用于设置元素所有边框的样式，或者单独地为各边设置边框样式；
  border-width - 简写属性，用于为元素的所有边框设置宽度，或者单独地为各边边框设置宽度；
  border-color - 简写属性，设置元素的所有边框中可见部分的颜色，或为4个边分别设置颜色；
  border-bottom : 简写属性，用于把针对下边框的所有属性设置到一个声明中；
  border-top : 简写属性，用于把针对上边框的所有属性设置到一个声明中；
  border-left : 简写属性，用于把针对左边框的所有属性设置到一个声明中；
  border-right : 简写属性，用于把针对右边框的所有属性设置到一个声明中；
  补充：
    风格属性 
      style：[none||dotted||dashed||solid||double||groove||ridge||inset||outset](上、右、左||上、左右、下||上下、左右)
    宽度属性
      border-x-width: x:top||bottom||left||right
    颜色属性
      border-color
-----------------------------------
    连写：  border:1px solid green;
    设置边框圆角：border-top-right-radius:5px;

6、鼠标光标属性
    cursor 属性规定要显示的光标的类型（形状）；
    该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状；
    如：p {cursor:pointer}
    Cursor属性值有：
      crosshair:精确定位“十”字形
      pointer:“小手”形状鼠标
      text:文本“I”形
      wait:等待
      default:默认指针
      help:帮助，带尾箭头
      e-resize:箭头朝右方
      ne-resize:箭头朝右上方
      n-resize:箭头趄上方
      nw-resize:箭头朝左上方
      w-resize:箭头朝左方
      sw-resize:箭头朝左下
      s-resize:箭头朝下方
      se-resize:箭头朝右下
      auto:鼠标按照默认的状态根据页面上的元素自行改变样式

7、列表属性
  列表类型  list-style-type  设定引导表项的符号类型，可以设置多种符号类型，值为disc,circle,square等；
  列表图像  list-style-image  使用图像作为定制列表符号；
    如：li{list-style-image:url(xxx.gif)}
  列表样式  list-style-position  决定列表项目缩进的程度；
    list-style-position:inside;   || outside
    连写 ： list-style; 
    如：li {list-style:url(example.gif) square inside}