CSS样式模板详解与应用

字体属性：(font)
font-size: x-large;                                  /*大小    x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD*/
font-style: oblique;                                 /*样式    oblique;(偏斜体) italic;(斜体) normal;(正常)*/
line-height: normal;                                 /*行高    normal;(正常) 单位：PX、PD、EM*/
font-weight: bold;                                   /*粗细    bold;(粗体) lighter;(细体) normal;(正常)*/
font-variant: small-caps;                            /*变体    small-caps;(小型大写字母) normal;(正常)*/
text-transform: capitalize;                          /*大小写  capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)*/
text-decoration: underline;                          /*修饰    underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)*/
font-family: "Courier New";                          /*字体    常用字体:"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana*/


背景属性： (background)
background-color: #FFFFFF;                           /*色彩*/
background-image: url();                             /*图片*/
background-repeat: no-repeat;                        /*重复 */
background-attachment: fixed;                        /*滚动  fixed;(固定) scroll;(滚动)*/
background-position: left;                           /*位置   left;(水平) top(垂直);*/
background:#000 url(..) repeat fixed left top;       /*简写·这个在阅读代码中经常出现，要认真的研究*/


区块属性： (Block)
letter-spacing: normal;                              /*字间距*/
text-align: justify;                                 /*对齐 justify;(两端对齐) left;(左对齐) right;(右对齐) center;(居中)*/
text-indent: 数值px;                                 /*缩进*/
vertical-align: baseline;                            /*垂直对齐 baseline;(基线) sub;(下标) super;(下标) top; text-top; middle; bottom; text-bottom; */
word-spacing: normal;                                /*词间距*/
white-space: pre;                                    /*空格  pre;(保留) nowrap;(不换行)*/
display:block;                                       /*显示  block;(块) inline;(内嵌) list-item;(列表项) run-in;(追加部分) compact;(紧凑) marker;(标记) table; inline-table; table-raw-group; table-header-group; table-footer-group; table-raw; table-column-group; table-column; table-cell; table-caption;(表格标题) /*display 属性的了解很模糊*/

方框属性： (Box)
width:; height:; float:; clear:both; margin:; padding:; 顺序：上右下左


边框属性： (Border)
border-style: dotted;                                /*边框样式 dotted;(点线) dashed;(虚线) solid; double;(双线) groove;(槽线) ridge;(脊状) inset;(凹陷) outset; */
border-width:;                                       /*边框宽度*/
border-color:#;                                      /*边框颜色*/
border：width style color;                           /*简写方法*/


列表属性： (List-style)
ist-style-type: disc;                                /*类型 disc;(圆点) circle;(圆圈) square;(方块) decimal;(数字) lower-roman;(小罗码数字) upper-roman; lower-alpha; upper-alpha;*/
list-style-position: outside                         /*位置 outside;(外) inside;*/
list-style-image: url(..);                           /*图像*/
 

定位属性： (Position)
Position: absolute; relative; static;                /*位置*/
visibility: inherit; visible; hidden;                /*元素是否可见*/
overflow: visible;                                   /*滚动条 visible;(内容不会被修剪，会呈现在元素框之外) hidden(内容会被修剪，并且其余内容是不可见的); scroll;(内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容) auto;(如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容) */
clip: rect(12px,auto,12px,auto)                      /*裁切*/


文字属性：
color : #999999;                                     /*文字颜色*/
font-family : 宋体,sans-serif;                       /*文字字体*/
font-size : 9pt;                                     /*文字大小*/
font-style:itelic;                                   /*文字斜体*/
font-variant:small-caps;                             /*小字体*/