css常見知識點

-ms-transform:rotate(7deg);                //-ms代表ie內(nèi)核識別碼
-moz-transform:rotate(7deg);             //-moz代表火狐內(nèi)核識別碼
-webkit-transform:rotate(7deg);         //-webkit代表谷歌內(nèi)核識別碼
-o-transform:rotate(7deg);               //-o代表歐朋【opera】內(nèi)核識別碼
transform:rotate(7deg);                   //統(tǒng)一標識語句。。。最好這句話也寫下去，符合w3c標準

js獲取
/********************
 * 取窗口滾動條滾動高度  
 ******************/
function getScrollTop()
{
  var scrollTop=0;
  if(document.documentElement&&document.documentElement.scrollTop)  {
  　　scrollTop=document.documentElement.scrollTop;
  }  else if(document.body)  {
  　　scrollTop=document.body.scrollTop;
  }
  return scrollTop;
}
/********************
 * 取窗口可視范圍的高度  
 *******************/
function getClientHeight()
{
  var clientHeight=0;
  if(document.body.clientHeight&&document.documentElement.clientHeight)  {
  var clientHeight = (document.body.clientHeight<document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;   
  }  else  {
  　　var clientHeight = (document.body.clientHeight>document.documentElement.clientHeight)?document.body.clientHeight:document.documentElement.clientHeight;   
  }
  return clientHeight;
}
/********************
 * 取文檔內(nèi)容實際高度  
 *******************/
function getScrollHeight(){
  return Math.max(document.body.scrollHeight,document.documentElement.scrollHeight);
}
////////////////////////////////////////////////////
在IE中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?document.documentElement.clientHeight ==> 可見區(qū)域高度
在FireFox中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區(qū)域?qū)挾?document.documentElement.clientHeight ==> 可見區(qū)域高度
在Opera中：  
document.body.clientWidth ==> 可見區(qū)域?qū)挾?document.body.clientHeight ==> 可見區(qū)域高度
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）

//獲取瀏覽器顯示區(qū)域（可視區(qū)域）的高度 ：   
$(window).height();   
//獲取瀏覽器顯示區(qū)域（可視區(qū)域）的寬度 ：
$(window).width();   
//獲取頁面的文檔高度   
$(document).height();   
//獲取頁面的文檔寬度 ：
$(document).width(); 
//瀏覽器當前窗口文檔body的高度：  
$(document.body).height();
//瀏覽器當前窗口文檔body的寬度： 
$(document.body).width();
//獲取滾動條到頂部的垂直高度 (即網(wǎng)頁被卷上去的高度)  
$(document).scrollTop();   
//獲取滾動條到左邊的垂直寬度 ：
$(document).scrollLeft(); 
//獲取或設置元素的寬度：
$(obj).width();
//獲取或設置元素的高度：
$(obj).height();
//某個元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動條的情況下）
//某個元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動條的情況下）
//返回當前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動條的情況下）
//返回當前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動條的

//獲取頁面某一元素的絕對X,Y坐標，可以用offset()方法：
var top = $('#ID').offset().top;
var left = $('#ID').offset().left;
//獲取相對(父元素)位置:
var top = $('#ID').position().top;
var left = $('#ID').position().left;
//position()方法相對父元素是指擁有position為relative或absolute屬性的父元素。
//讓Div隨滾動條移動：
<div id="oLayer" style="position: absolute; left: 0; top:80px; z-index: 2; background: a9c9ef; margin-left:6px;width: 140px; height: 70px">
</div>

//jquery代碼：
$(window).scroll(function() {
    var init_pos = $('#oLayer').offset().top;
    $('#oLayer').css("top", $(window).scrollTop()+80)
});

網(wǎng)頁可見區(qū)域?qū)挘?document.body.clientWidth
網(wǎng)頁可見區(qū)域高： document.body.clientHeight
網(wǎng)頁可見區(qū)域?qū)挘?document.body.offsetWidth (包括邊線的寬)
網(wǎng)頁可見區(qū)域高： document.body.offsetHeight (包括邊線的高)
網(wǎng)頁正文全文寬： document.body.scrollWidth
網(wǎng)頁正文全文高： document.body.scrollHeight
網(wǎng)頁被卷去的高： document.body.scrollTop
網(wǎng)頁被卷去的左： document.body.scrollLeft
網(wǎng)頁正文部分上： window.screenTop
網(wǎng)頁正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的寬： window.screen.width
屏幕可用工作區(qū)高度： window.screen.availHeight
屏幕可用工作區(qū)寬度： window.screen.availWidth
<script language="javascript">
function screenInfo(){
    var  s = "";
   s += "\r\n網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.clientWidth;
   s += "\r\n網(wǎng)頁可見區(qū)域高："+ document.body.clientHeight;
   s += "\r\n網(wǎng)頁可見區(qū)域?qū)挘?+ document.body.offsetWidth  +" (包括邊線的寬)";
   s += "\r\n網(wǎng)頁可見區(qū)域高："+ document.body.offsetHeight +" (包括邊線的寬)";
   s += "\r\n網(wǎng)頁正文全文寬："+ document.body.scrollWidth;
   s += "\r\n網(wǎng)頁正文全文高："+ document.body.scrollHeight;
   s += "\r\n網(wǎng)頁被卷去的高："+ document.body.scrollTop;
   s += "\r\n網(wǎng)頁被卷去的左："+ document.body.scrollLeft;
   s += "\r\n網(wǎng)頁正文部分上："+ window.screenTop;
   s += "\r\n網(wǎng)頁正文部分左："+ window.screenLeft;
   s += "\r\n屏幕分辨率的高："+ window.screen.height;
   s += "\r\n屏幕分辨率的寬："+ window.screen.width;
   s += "\r\n屏幕可用工作區(qū)高度："+ window.screen.availHeight;
   s += "\r\n屏幕可用工作區(qū)寬度："+ window.screen.availWidth;
   alert(s);
}
</script>