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:

posted @ 2017-11-16 10:31  zknxy118  阅读(414)  评论(0编辑  收藏  举报