css 简单使用1

html 代码

   <style type="text/css">
   position: absolute;
   left: 180px;
   top: 56px;
  }
  </style>
< div id='Msg_div' class='Msg_div' />

定义了 msg div 的位置。

 CSS手册：http://htmlhelp.com/zh/reference/css/structure.html

 1. 选择符：

1) html 元素选择符，如               

css 代码

P { color:red }
A { color: #666666; }
< p >< /p >
< a href = '#' />

2)类选择符，html 对应 class 属性 ，如                   

css 代码

.smalltext  { color:red }
< div  class = ' smalltext ' / >

3)关联选择符，如

css 代码

P EM { background: yellow }

4)id 选择符，不方便，应少使用，如                   

css 代码

#smalltext                                < div id=' smalltext ' />

 2. Background url 位置定位：

0px  -13px 为该图片left  , top 的位置

css 代码:             

.my-shell-close {
  cursor: pointer;
  background: url(images/default/shell/btn-sprite.gif) no-repeat left 0px;
  width: 15px;
  height: 13px;
}

.my-shell-min {
  cursor: pointer;
  background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -13px;
  width: 13px;
  height: 13px;
}

.my-shell-max {
  cursor: pointer;
  background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -26px;
  width: 15px;
  height: 13px;
}

.my-shell-min-over {
  background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -52px;
}

.my-shell-close-over {
  background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -39px;
}

.my-shell-max-over {
  background: url(images/default/shell/btn-sprite.gif) no-repeat 0px -65px;
}

分享到：

Gwt.create自动生成代码

• 2007-10-10 10:03
• 浏览 1068
• 评论(1)
• 论坛回复 / 浏览 (1 / 1815)
• 查看更多

评论

1 楼 xombat 2007-10-11  

少了点东西吧

.Msg_div{