码迷,mamicode.com
首页 > Web开发 > 详细

CSS(之三)

时间:2015-09-27 11:16:34      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:

背景图片定位:

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

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

小div边框与icon大小一致   

     width:14px

     hight:14px

     border:1px

     backgrouyd-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;(不论内容是否超出,始终显示滚动条)

 

    

CSS(之三)

标签:

原文地址:http://www.cnblogs.com/hjzou/p/4841958.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!