易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS实现frameset

首先是HTML代码:
<div id="outer">
  <div id="leftFrame" style="width: 20%;">
    <div style="height: 30%" id="packageListFrame" title="All Packages" >
      Package list goes here
     </div>
    <div style="height: 70%" id="packageFrame" title="All classes and interfaces (except non-static nested types)" >
      Class list goes here
    </div>
  </div>
  <div style="width: 80%;" id="classFrame" title="Package, class and interface descriptions">
   Summary details go here
  </div>
</div>
添加如下样式:
<style type="text/css">
#outer { position: relative; }
#leftFrame {
  position: fixed;
  height: 100%;
  width: 20%;
  top: 0;
}
#classFrame {
  position: absolute;
  left: 21%;
  width: 77%;
}
#packageListFrame{
  position: static;
  height: 200px;
  overflow: scroll; }
#packageFrame {
  position: static;
  height: 70%;
  overflow: scroll;
}
 
</style>


相关文档:

CSS的边界重叠规则

In this specification, the expression collapsing margins means that adjoining margins (no non-empty content, padding or border areas or clearance separate them) of two or more boxes (which may be next to one another or nested) combine to form a single margin.
In CSS 2.1, horizontal margins ne ......

div+css(二)

前言:CSS布局与传统表格(table)布局最大的区别在于:原来的定位都是采用表格,通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距;而现在则采用层(div)来定位,通过层的margin,padding,border等属性来控制版块的间距。
 
(一)  CSS2盒模型
盒模型主要定义四个区域:内容(content)、边框距(paddin ......

css样式

一 CSS文字属性:
color : #999999; /*文字颜色*/
font-family : 宋体,sans-serif; /*文字字体*/
font-size : 9pt; /*文字大小*/
font-style:itelic; /*文字斜体*/
font-variant:small-caps; /*小字体*/
letter-spacing : 1pt; /*字间距离*/
line-height : 200%; /*设置行高*/
font-weight:bold; /*文字粗体* ......

CSS定义Scroll滚动条样式。

 scrollbar-face-color: #000000;
 scrollbar-shadow-color: #FFC300;
 scrollbar-highlight-color: #000000;
 scrollbar-3dlight-color: #FFC300;
 scrollbar-darkshadow-color: #000000;
 scrollbar-track-color: #000000;
 scrollbar-arrow-color: #FFC300;
如果使用Dw或者其 ......

CSS兼容IE6,IE7,FireFox之一

关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西,就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了,值得去记录下。发现自己很久没有转载东西。
注:IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*;IE6能识别*,但不能识别 !im ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号