样式布局

position的属性:
fixed相对于浏览器固定
absolute:相对于body固定(悬浮)
relative:相对于其他标签的位置固定

z-index属性:
在z轴方向分层,可以理解为分成一摞纸,层数越高越靠上

overflow:hidden; 超出部分隐藏
opacity:0.5半透明属性

链接的style:
a:link 超链接被点前状态
a:visited 超链接点击后状态
a:hover 悬停在超链接时
a:active 点击超链接时
在定义这些状态时,有一个顺序l v h a

cursor:pointer  指针:手指样

 

float 流式布局

 

常用的样式属性:

1。background-背景相关 

     attachment:fixed;  固定背景,不随字体滚动

      repeat:no-repeat; 不平铺

     position:center  居中

2。font-字体相关

     sizi:12px ; 字体大小

    weight:bold;加粗

  color:     颜色

  text-align:center;水平居中

        line-height:40px; 在div中  ,与div的高度相同达到居中的作用

  vertical-align:middle;垂直居中

     decoration:underline;下划线

3。border-  边框

  border:1px solid blue;  边框1像素,实线,蓝色

4。其他

width宽 height高

top上 bottom下,left左 right右   只有在绝对坐标情况下才能使用

list-style:none  取消无序列表的序号 

posted @ 2016-11-21 08:20  赵天成123  阅读(215)  评论(0编辑  收藏  举报