CSS常用代码1

  1. ==========CSS常用代码===========  
  2.   
  3.  字体颜色 : color : #00903A;  
  4.  背景颜色 : background-color : #7CFFE7;  
  5.   
  6. --------------------------------------------------------------------------------  
  7.   
  8.  边框宽度 : border-width : 5px;  
  9.  上边宽度 : border-top-width : 5px;  
  10.  左边宽度 : border-left-width : 5px;  
  11.  右边宽度 : border-right-width : 5px;  
  12.  底边宽度 : border-bottom-width : 5px;  
  13.   
  14. --------------------------------------------------------------------------------  
  15.   
  16.  边框颜色 : border-color : #000FF4;  
  17.  上边颜色 : border-top-color : #10FF01;  
  18.  左边颜色 : border-left-color : #FF3B04;   
  19.  右边颜色 : border-right-color : #FF3CF3;  
  20.  底边颜色 : border-bottom-color : #00D0C3;  
  21.   
  22. --------------------------------------------------------------------------------  
  23.   
  24.  边框样式 : border-style : double; 可替换 dashed; dotted; none;   
  25.  上边样式 : border-top-style : solid;    
  26.  左边样式 : border-left-style : inset;   
  27.  右边样式 : border-right-style : ridge;    
  28.  底边样式 : border-bottom-style : solid;    
  29.   
  30. --------------------------------------------------------------------------------  
  31.    
  32.  整体宽度 : width : 5px;   
  33.  整体高度 : height : 5px;   
  34.  溢出选项 : overflow : visible; 可替换 hidden; scroll; auto;  
  35.   
  36. --------------------------------------------------------------------------------  
  37.    
  38.  内侧边距 : padding : 5px;    
  39.  上内边距 : padding-top : 5px;   
  40.  左内边距 : padding-left : 5px;   
  41.  右内边距 : padding-right : 5px;   
  42.  底内边距 : padding-bottom : 5px;   
  43.   
  44. --------------------------------------------------------------------------------  
  45.    
  46.  外侧边距 : margin : 5px;    
  47.  上外边距 : margin-top : 5px;    
  48.  左外边距 : margin-left : 5px;    
  49.  右外边距 : margin-right : 5px;    
  50.  底外边距 : margin-bottom : 5px;    
  51.   
  52. --------------------------------------------------------------------------------  
  53.    
  54.  文字字体 : font-family : fantasy;    
  55.  文字大小 : font-size : 12pt;    
  56.  文字粗细 : font-weight : bold;    
  57.  文字样式 : font-style : italic;    
  58.  文字变量 : line-height : 110%;     
  59.   
  60. --------------------------------------------------------------------------------  
  61.    
  62.  清除属性 : clear : left; 可替换 right; both; none;  
  63.  浮动属性 : float : left; 可替换 right; none;   
  64.  水平排列 : text-align : left; 可替换 right; center; justify;  
  65.  文本修饰 : text-decoration : underline; 可替换 overline; underline overline; line-through; blink;   
  66.  文本缩进 : text-indent : 5em;    
  67.  文字间距 : letter-spacing : 5px;    
  68.  字母间距 : word-spacing : 5px;    
  69.  文本转换 : text-transform : capitalize; 可替换 lowercase; uppercase;   
  70.  垂直排列 : vertical-align : baseline;  可替换 top; middle; bottom; text-top; text-bottom; super; sub; 3em; 30%;   
  71.   
  72. --------------------------------------------------------------------------------  
  73.    
  74.  背景图片 : background-image : url(tianyi.gif);    
  75.  背景拉伸 : background-repeat : repeat;  可替换  repeat-x; repeat-y; no-repeat;   
  76.  背景定位 : background-position : left;  可替换  right; top; left top; right bottom; 30% 50%;   
  77.  附加属性 : background-attachment : fixed; 可替换 scroll;    
  78.   
  79. --------------------------------------------------------------------------------  
  80.    
  81.  显示属性 : display : none; 可替换 block; inline; run-in; compact; list-item; marker;    
  82.  是否可见 : visibility : visible; 可替换 hidden;    
  83.  资源定位 : position : static; 可替换 relative; absolute; fixed;   
  84.  距离顶部 : top : 5px;   
  85.  距离左边 : left : 5px;   
  86.  距离右边 : right : 5px;    
  87.  距离底边 : bottom : 5px;    
  88.  优先等级 : z-index : 5;  
  89.  鼠标指针 : cursor : crosshair; 可替换 default; pointer; move; text; wait; help; n-resize; s-resize; w-resize; e-resize; ne-resize; nw-resize; se-resize; sw-resize;   
  90.   
  91.   
  92.   
  93. 本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/lenhan12345/archive/2006/12/22/1453079.aspx  
posted @ 2010-03-12 23:12  小开的一天  阅读(227)  评论(0)  编辑  收藏  举报