css相关及背景前景相关

不同类型style权值问题： 内联>id>属性.>类型>通用 为0

盒子模型

外层是bb

里层图块是aa

外边距在bb上

内边距在aa设置，还可以设置aa的边框等（border），大小，样式，颜色。

样式的背景与前景

　　background-color:#F90;    /*背景色，样式表优先级高*/

　　background-image:url(路径);    /*设置背景图片（默认）*/

　　background-attachment:fixed;    /*背景是固定的，不随字体滚动*/

　　background-attachment:scroll;    /*背景随字体滚动*/

　　background-repeat:no-repeat;    /*no-repeat,不平铺；repeat,平铺；repeat-x,横向平铺；repeat-y,纵向平铺*/

　　background-position:center;    /*背景图居中，设置背景图位置时，repeat必须为“no-repreat”*/

　　background-position:right top;    /*背景图放到右上角（方位可以自己更改）*/

　　background-position:left 100px top 200px;    /*离左边100像素，离上边200像素（可以设为负值）*/

 

　　字体

　　font-family:"新宋体";    /*字体。常用微软雅黑、宋体。*/

　　font-size:12px;    /*字体大小。常用像素12px、14px、18px。还可以用“em”，“2.5em”即：默认字体的2.5倍。还可以用百分数*/

　　font-weight:bold;    /*bold是加粗，normal是正常*/

　　font-style:italic;    /*倾斜，normal是不倾斜*/

　　color:#03C;    /*颜色*/

　　text-decoration:underline;    /*下划线，overline是上划线，line-through是删除线,none是去掉下划线*/

　　text-align:center;    /*（水平对齐）居中对齐，left是左对齐，right是右对齐*/

　　vertical-align:middle;    /*（垂直对齐）居中对齐，top是顶部对齐，bottom是底部对齐。一般设置行高后使用。*/

　　text-indent:28px;    /*首行缩进量*/

　　line-height:24px;    /*行高。一般为1.5~2倍字体大小。*/

display:none;    /*none，不显示；inline-block,显示为块，不自动换行，宽高可设；block，显示为块，自动换行；inline，效果同span标签，不自动换行，宽高不可设。*/

visibility:hidden;    /*可视性。hidden，隐藏但是占空间；visible，显示。*/

 

position:

fixe-固定  

absolute-是body直接子标签，定位在页面上，不是页面的直接子标签，并且父标签没有position属性，同上，不是页面的直接子标签，并且父标签有position属性，以父标签为背景  

relative-相对自身的偏移，位置没有被移除

四个属性

top:left:right:bottom:

转载于:https://www.cnblogs.com/zkzkzk/p/7797724.html