Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 www好男人精品视频在线观看,亚洲欧美日韩中文字幕一区二区三区 ,两性视频免费看20分钟 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務(wù)商
          
				
          電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
          
			
          
			
          				
				
          免費(fèi)咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          關(guān)于元素CSS高度的5個(gè)概念
          
        
           
          
	
	
          
		
                        
          次分清clientHeight、offsetHeight、scrollHeight、scrollTop、offsetTop概念：
          clientHeight：可視的，看得見的部分，content+padding；
          offsetHeight：在clientHeight基礎(chǔ)上，添加“”邊框“”，即content+padding+margin；
          scrollTop：超過clientHeight“頂部界線”的部分，即看不見的、已經(jīng) 滾動(dòng)出去 的部分；
          scrollHeight：“內(nèi)容”的本身高度；
          offsetTop：這個(gè)是唯一研究 兩個(gè)元素之間 關(guān)系的，子元素與父元素頂部距離；
          TML標(biāo)簽
          基本標(biāo)簽
          HTML頁面中內(nèi)容是由HTML標(biāo)簽組織起來的，如頁面中的文本、圖像、Flash視頻文件等都是通過HTML標(biāo)簽合理地顯示在頁面的各個(gè)位置。


          1 標(biāo)題標(biāo)簽<h1>～<h6>
          標(biāo)題標(biāo)簽表示一段文字的標(biāo)題（主題），并且支持多層次的內(nèi)容結(jié)構(gòu)。HTNL.共提供了6級標(biāo)題，分別為<h1>～<h6>，并賦予了標(biāo)題一定的外觀，所有標(biāo)題字體加粗，其中山<h1>字號最大，<h6>字號最小.

          2.圖像標(biāo)簽<img>
          在網(wǎng)頁中常用的圖像格式有4種，即JPG、GIF、BMP.PNG，其中使用比較多的是JPG、GIF和PNG，大多數(shù)瀏覽器都可以顯示這些圖像。

          顯示圖像的語法：
          < img src="ur1" alt="文本" width="x" height="y"/>

          在語法中：
          a、SrC屬性：表示顯示圖像的地址。
          b、alt屬性：指定圖像的替代文本，當(dāng)圖像無法顯示時(shí)（如圖片路徑錯(cuò)誤或網(wǎng)速太慢等）替代顯示的文本，這樣，即使圖像無法顯示，用戶還可以看到網(wǎng)頁丟失的信息，所以為頁面上的圖像都加上替換文本屬性是個(gè)好習(xí)慣，這樣有助于更好地顯示信息，并且對于那些使用純文本瀏覽器的人來說是非常有幫助的。
          c、width屬性：表示圖像寬度.
          d、height屬性：表示圖像高度。

          3.段落標(biāo)簽<p>
          顧名思義，段落標(biāo)簽表示將一段文字組成一系列段落內(nèi)容，這樣做的目的是內(nèi)容應(yīng)用某些格式和布局，使各個(gè)段落的邏輯更清晰明了。在HTML文檔中，段落通過<p>標(biāo)簽定義。段落標(biāo)簽<p>表示段落的開始，</p >表示段落的結(jié)束。

          4.換行標(biāo)簽<br/>
          在希望不產(chǎn)生一個(gè)新段落的情況下進(jìn)行換行，則使用<br>標(biāo)簽。<br>是一個(gè)空的HTML標(biāo)簽，由于關(guān)閉標(biāo)簽沒有任何意義，因此它沒有結(jié)束標(biāo)簽。

          注意：
          使用<b>和<br>的結(jié)果一樣，在XHTML以及未來的HTML版本中，根據(jù)W3C規(guī)范，不允許使用沒有結(jié)束標(biāo)簽的HTML元素，因此使用<br>頁面更規(guī)范，有更長遠(yuǎn)的保障。

          5.水平線標(biāo)簽<hr/>
          水平線標(biāo)簽表示一條水平線，注意該標(biāo)簽與<br>標(biāo)簽一樣，沒有結(jié)束標(biāo)簽，直接使用<hr/>表示標(biāo)簽的開始和結(jié)束。
          使用以上講解的基本標(biāo)簽，就可以進(jìn)行網(wǎng)頁內(nèi)容排版了。
          頁可見區(qū)域?qū)挘篸ocument.body.clientWidth 
          網(wǎng)頁可見區(qū)域高：document.body.clientHeight 
          網(wǎng)頁可見區(qū)域?qū)挘篸ocument.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 
          HTML精確定位:scrollLeft,scrollWidth,clientWidth,offsetWidth 
          scrollHeight: 獲取對象的滾動(dòng)高度。 
          scrollLeft:設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離 
          scrollTop:設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離 
          scrollWidth:獲取對象的滾動(dòng)寬度 
          offsetHeight:獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度 
          offsetLeft:獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置 
          offsetTop:獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置 
          event.clientX 相對文檔的水平座標(biāo) 
          event.clientY 相對文檔的垂直座標(biāo) 
          event.offsetX 相對容器的水平坐標(biāo) 
          event.offsetY 相對容器的垂直坐標(biāo) 
          document.documentElement.scrollTop 垂直方向滾動(dòng)的值 
          event.clientX+document.documentElement.scrollTop 相對文檔的水平座標(biāo)+垂直方向滾動(dòng)的量 
          IE，F(xiàn)ireFox 差異如下： 
          IE6.0、FF1.06+： 
          clientWidth = width + padding 
          clientHeight = height + padding 
          offsetWidth = width + padding + border 
          offsetHeight = height + padding + border 
          IE5.0/5.5： 
          clientWidth = width - border 
          clientHeight = height - border 
          offsetWidth = width 
          offsetHeight = height 
          (需要提一下：CSS中的margin屬性，與clientWidth、offsetWidth、clientHeight、offsetHeight均無關(guān))
          網(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
          －－－－－－－－－－－－－－－－－－－
          技術(shù)要點(diǎn)
          本節(jié)代碼主要使用了Document對象關(guān)于窗口的一些屬性，這些屬性的主要功能和用法如下。
          要得到窗口的尺寸，對于不同的瀏覽器，需要使用不同的屬性和方法：若要檢測窗口的真實(shí)尺寸，在Netscape下需要使用Window的屬性；在IE下需要 深入Document內(nèi)部對body進(jìn)行檢測；在DOM環(huán)境下，若要得到窗口的尺寸，需要注意根元素的尺寸，而不是元素。
          Window對象的innerWidth屬性包含當(dāng)前窗口的內(nèi)部寬度。Window對象的innerHeight屬性包含當(dāng)前窗口的內(nèi)部高度。
          Document對象的body屬性對應(yīng)HTML文檔的標(biāo)簽。Document對象的documentElement屬性則表示HTML文檔的根節(jié)點(diǎn)。
          document.body.clientHeight表示HTML文檔所在窗口的當(dāng)前高度。document.body. clientWidth表示HTML文檔所在窗口的當(dāng)前寬度。
          實(shí)現(xiàn)代碼
          <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
          <html xmlns="http://www.w3.org/1999/xhtml">
          <head>
          <title>請調(diào)整瀏覽器窗口</title>
          <meta http-equiv="content-type" content="text/html; charset=gb2312">
          </head>
          <body>
          <h2 align="center">請調(diào)整瀏覽器窗口大小</h2><hr>
          <form action="#" method="get" name="form1" id="form1">
          <!--顯示瀏覽器窗口的實(shí)際尺寸-->
          瀏覽器窗口 的 實(shí)際高度: <input type="text" name="availHeight" size="4"><br>
          瀏覽器窗口 的 實(shí)際寬度: <input type="text" name="availWidth" size="4"><br>
          </form>
          <script type="text/javascript">
          <!-- 
          var winWidth = 0;
          var winHeight = 0;
          function findDimensions() //函數(shù)：獲取尺寸
          {
          //獲取窗口寬度
          if (window.innerWidth)
          winWidth = window.innerWidth;
          else if ((document.body) && (document.body.clientWidth))
          winWidth = document.body.clientWidth;
          //獲取窗口高度
          if (window.innerHeight)
          winHeight = window.innerHeight;
          else if ((document.body) && (document.body.clientHeight))
          winHeight = document.body.clientHeight;
          //通過深入Document內(nèi)部對body進(jìn)行檢測，獲取窗口大小
          if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
          {
          winHeight = document.documentElement.clientHeight;
          winWidth = document.documentElement.clientWidth;
          }
          //結(jié)果輸出至兩個(gè)文本框
          document.form1.availHeight.value= winHeight;
          document.form1.availWidth.value= winWidth;
          }
          findDimensions();
          //調(diào)用函數(shù)，獲取數(shù)值
          window.onresize=findDimensions;
          //-->
          </script>
          </body>
          </html> 
          源程序解讀
          （1）程序首先建立一個(gè)表單，包含兩個(gè)文本框，用于顯示窗口當(dāng)前的寬度和高度，并且，其數(shù)值會隨窗口大小的改變而變化。
          （2）在隨后的JavaScript代碼中，首先定義了兩個(gè)變量winWidth和winHeight，用于保存窗口的高度值和寬度值。
          （3）然后，在函數(shù)findDimensions ( )中，使用window.innerHeight和window.innerWidth得到窗口的高度和寬度，并將二者保存在前述兩個(gè)變量中。
          （4）再通過深入Document內(nèi)部對body進(jìn)行檢測，獲取窗口大小，并存儲在前述兩個(gè)變量中。
          （5）在函數(shù)的最后，通過按名稱訪問表單元素，結(jié)果輸出至兩個(gè)文本框。
          （6）在JavaScript代碼的最后，通過調(diào)用findDimensions ( )函數(shù)，完成整個(gè)操作。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
伊人久久大香线蕉AV一区二区
|
国产麻豆媒一区一区二区三区|
亚洲熟女一区二区三区|
色综合视频一区二区三区|
国产精品揄拍一区二区久久|
亚洲日韩一区二区三区|
亚洲AV无码一区二区三区在线观看
|
97人妻无码一区二区精品免费|
精品免费AV一区二区三区|
国产A∨国片精品一区二区|
久久久久久人妻一区二区三区|
69福利视频一区二区|
国产福利电影一区二区三区，日韩伦理电影在线福
|
日本无码一区二区三区白峰美|
日本一区二区三区在线观看|
国产在线aaa片一区二区99|
国产日韩精品一区二区三区在线|
无码欧精品亚洲日韩一区|
中文字幕一区二区三区免费视频|
无码国产伦一区二区三区视频
|
精品国产一区二区三区香蕉事|
无码人妻精品一区二区三区99不卡
|
无码人妻精一区二区三区|
精品亚洲一区二区三区在线观看
|
日韩一区二区在线观看视频|
成人精品一区二区三区校园激情
|
久久久久人妻一区精品|
美女毛片一区二区三区四区|
爱爱帝国亚洲一区二区三区|
国产精品无码一区二区三区电影|
国产精品电影一区|
天堂Aⅴ无码一区二区三区|
午夜福利无码一区二区|
东京热无码一区二区三区av|
亚洲国产欧美一区二区三区
|
亚洲午夜一区二区三区|
久久婷婷色综合一区二区|
国产未成女一区二区三区|
国产成人无码一区二区在线播放|
国产午夜精品一区二区三区极品|
一区二区三区日韩精品|