CSS基础整理（样式表 样式属性）

标签：图片   over   自动   isp   uri   hidden   边框   自动换行   去除   

　　样式属性

      1· 背景与前景       

　　　　background-color:#00F; /*背景色，样式表优先级高*/
　　　　background-image:url(); /*设置背景图片（默认）*/
　　　　word-wrap:break-word;
　　　　word-break:break-all; /*自动换行*/
　　　　background-attachment:fixed; /*背景是固定的，不随字体滚动*/
　　　　background-repeat:no-repeat; /*背景图 no-repeat不平铺；repeat平铺；repeat-x横向平铺；repeat-y纵向平铺*/
　　　　background-position:center;/*背景图居中，设置背景图位置时，repeat必须为no-repeat*/
　　　　background-position:right top;
　　　　background-position:left 100px top 200px;}/*离左边100像素，离上边200像素*/

　　　　字体  

　　　　font-family:"Courier New", Courier, monospace;/*设置字体*/
　　　　color:#FFF; /*文字颜色*/
　　　　font-size:18px; /*字体大小*/
　　　　font-weight:normal; /*bold是加粗，normal是正常*/
　　　　font-style:italic; /*倾斜，normal是正常*/
　　　　text-decoration:overline; /*下划线；overline是上划线；line-through是删除线；none是去除下划线*/
　　　　text-align:center; /*(水平)居中对齐；left是左对齐；right是右对齐*/
　　　　vertical-align:middle; /*(垂直)居中对齐；top是顶端对齐；bottom是底部对齐。在设置行高之后使用*/
　　　　text-indent:28px;/*首行缩进量*/
　　　　line-height:24px;/*行高。一般为1.5~2倍字体大小*/
　　　　display:inline-block; /*none是不显示；inline-block显示为块，不自动换行，宽高可设；block显示为块，自动换行；inline效果同span标签，不自动换行，宽高不可设*/
　　　　visibility:visible; /*可视性，hidden隐藏但是占用空间；visible显示*/

　　　　边界与边框

　　　　border:5px solid #F00; /*四边框；5像素宽，实线，红色*/
　　　　border-width:5px;
　　　　border-style:solid;
　　　　border-color:#F00;

　　　　border-top:5px solid #9F0; /*上边框：5像素宽，实线，绿色*/
　　　　border-bottom:5px solid #39C; /*下边框：5像素宽，实线，蓝色*/
　　　　border-left:5px solid #FF0; /*左边框：5像素宽，实线，黄色*/
　　　　border-right:5px solid #FFF; /*右边框：5像素宽，实线，白色*/
　　　　margin:50px; /*四边外边框宽度为10像素，auto，居中*/
　　　　margin-top:10px; /*上边外边框宽度为10像素，其他三边边框类似*/
　　　　margin:20px 0px 20px 0px; /*顺序为上右下左，顺时针顺序*/

　　　　padding:10px; /*内容与边框的四边间距为10像素*/
　　　　padding-top:20px; /*内容与边框的上间距为20像素，其他三边类似*/
　　　　padding:50px 20px 10px 20px; /*顺序为上右下左，顺时针顺序*/

CSS基础整理（样式表 样式属性）

标签：图片   over   自动   isp   uri   hidden   边框   自动换行   去除   

原文地址：http://www.cnblogs.com/klose11/p/6696260.html