一些使用的CSS,javascript ,html代码.

1 absolute和relative

Absolute :绝对定位

Relative :相对定位,参照于父级的原始点为原始点,无父级参照Body.

2 CSS中使用experssion定位

在CSS中可以使用expression 来动态的设置对象格式,如宽度和高度

width:expression(documentElement.clientWidth >= 1000?1000:(documentElement.clientWidth <= 800? 800:auto));

3 CSS中使用clear 清除浮动

在使用float浮动对象在right 或left边时,但有不想后面的元素不被影响.这是需要使用clear:both;来清除

<p style="float:left;width:34px; border :solid 1px #000000;">这是第1列，</p>

<p style="float:left;width:50px; border :solid 1px #000000;">这是第2列，</p>

<p >这是列的下面。</p>

没有加clear:both;“这是列的下面。”将会和上面的在同一行上.

而

<p style="float:left;width:34px; border :solid 1px #000000;">这是asfd第1列，</p>

<p style="float:left;width:50px; border :solid 1px #000000;">这是dsf第2列，</p>

<p style="clear :both;">这是列的下面。</p>

将会在上面两段文字的下面

4.javacript实现回调

<script type ="text/javascript">
function funA(name,classback)
{
 this.Name=name;
 classback({name:this.Name,value:1234});
}

function btnClick(){
  funA("Test",function(v){
     alert(v.value);
  });
 }
</script>

<input type="button" value="btn" onclick="btnClick();">

5.javacript 获取控件位置

function getoffset(e) 
{ 
        var t=e.offsetTop; 
        var l=e.offsetLeft; 
        while(e=e.offsetParent) 
        { 
            t+=e.offsetTop; 
            l+=e.offsetLeft; 
        } 
        var rec = new Array(1); 
        return {offsetTop:t,offsetLeft:l};
} 

6.关闭IE6,7,8窗口不弹出提示

Code
function CloseWindow()
{
window.open('','_self','');
window.close();
}

7.使用CSS定位footer到页面底部

CSS

html

 8.CSS控制内容超出长度时显示...

 在CSS3.0中新增了属性：text-overflow设置文本溢出时的显示效果。IE6.0以上版本支持，支持div,li,p标签。

 div,li,p { 
   width:50px; 
   white-space:nowrap; 
   text-overflow:ellipsis; 
   overflow: hidden; 
   border:solid 1px red;
   }