导航

CSS(之三)

Posted on 2015-09-27 10:43  Dr.Zou  阅读(219)  评论(0编辑  收藏  举报

背景图片定位:

所有图标放在透明格式的PNG文件里,然后通过确定PNG图片中的位置来调用。(多个图片中调用)

先用QQ截图测定小图标的大小

小div边框与icon大小一致   

     width:14px

     hight:14px

     border:1px

     background-image:url(../image/ocon.png)

     backfround-position:0px -52px;  (向下纵坐标都是负值,往右也是负值)

 

border-collaps:collaps;   (细线)

td

{

 border:solid 1px red;

}

 

#d1 a{ }   id=d1的标签下面的a标签的样式

#d1 #d2 a   id=d1下面的d2下面的a标签样式

#d1,#d2    d1,d2 共用一个样式

td,th 共用一个样式

 

行的表头 th scope=”row“ 

列的表头 th scope=”col“

去掉链接的下划线

a

{

text-decration:none;

}

 

DIV属性为#d1,鼠标放上去后 #d1:hover  鼠标变为手型

#d1:hover

{

 cursor:pointer;

}

 

全页面共同的样式:用标签

共用的:class标签

唯一的:id标签

 

div内文字内容超过边框

overflow:hidden;(隐藏)

overflow:auto;(内容超出显示滚动条)

overflow:scroll;(不论内容是否超出,始终显示滚动条)