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 亚洲精品美女在线观看,国产资源精品一区二区免费,中文字幕美日韩在线高清 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML <body> 標(biāo)簽
          
        
           
          
	
	
          
		
                        
          例
          一個簡單的 HTML 文檔，包含盡可能少的必需的標(biāo)簽：
          <!DOCTYPE html> 
          <html> 
          <head> 
          <meta charset="utf-8"> 
          <title>文檔標(biāo)題</title> 
          </head> 
          <body> 
          文檔內(nèi)容...... 
          </body> 
          </html>
          瀏覽器支持
          所有主流瀏覽器都支持 <body> 標(biāo)簽。
          標(biāo)簽定義及使用說明
          <body> 標(biāo)簽定義文檔的主體。
          <body> 元素包含文檔的所有內(nèi)容（比如文本、超鏈接、圖像、表格和列表等等）。
          HTML 4.01 與 HTML5之間的差異
          在 HTML 5 中，刪除了所有 body 元素的"呈現(xiàn)屬性"。
          在 HTML 4.01 中，所有 body 元素的"呈現(xiàn)屬性" 已廢棄。
          屬性
          屬性值描述
          alinkcolorHTML5 不支持。 HTML 4.01 已廢棄。 規(guī)定文檔中活動鏈接的顏色。
          backgroundURLHTML5 不支持。 HTML 4.01 已廢棄。 規(guī)定文檔的背景圖像。
          bgcolorcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔的背景顏色。
          linkcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中未訪問鏈接的顏色。
          textcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中所有文本的顏色。
          vlinkcolorHTML5 不支持。 HTML 4.01 已廢棄。規(guī)定文檔中已被訪問鏈接的顏色。
          全局屬性
          <body> 標(biāo)簽支持 HTML 的全局屬性。
          事件屬性
          <body> 標(biāo)簽支持 HTML 的事件屬性。
          如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
          悉前端的小伙伴都知道網(wǎng)站的性能和網(wǎng)頁代碼有很大的關(guān)系，這里指網(wǎng)頁代碼主要是指前端代碼(html、css、js代碼)，而css合理使用很大關(guān)系上影響網(wǎng)站頁面各種性能，今天主要給大家分析下css中@import和link使用和區(qū)別？
          css中的@import和link
          在css中@import 導(dǎo)入指定的的外部樣式表及目標(biāo)媒體，css導(dǎo)入外部文件主要是通過link和@import實現(xiàn)的，它們都各自的語法結(jié)構(gòu)。如果不清楚css基礎(chǔ)知識可翻看之前發(fā)的文章。
          @import代碼示例如下：
          <style type="text/css">
          @import url(路徑地址/test.css);
          </style>
          link的代碼示例如下：
          <link href="路徑地址/test.css" rel="stylesheet" type="text/css" />
          css中@import和link的區(qū)別
          1、屬性不同
          link是html提供的標(biāo)簽，不僅可以加載css文件，還能定義 RSS、rel 連接屬性等。而
          @import是css中的語法規(guī)則
          2、加載順序不同
          頁面打開時，link引用的css文件被加載。而@import引用的CSS等頁面加載完后最后加載。
          3、兼容性
          @import是css2.1后提出的，而link是不存在兼容問題。
          4、DOM控制性
          js操作DOM，可以使用link改變樣式，無法使用@import的方式使用樣式。
          使用@import和link的注意事項？
          1、css中避免過多使用 @import
          如果了解了@import原理，你就會明白它的性能并不高，過多使用它會延長瀏覽器渲染頁面的時間。
          2、@import可以在css中引入其他樣式表利于修改和擴展。
          代碼示例如下：
          index.css
          ———————-
          @import “test1.css”;
          @import “test2.css”;
          test1.css
          ———————-
          p {color:blue;}
          test2.css
          ———————-
          .mystyle {color:red}
          好了關(guān)于“css中的link和@import引用”先聊到這，大家有什么更好想法歡迎評論。每天學(xué)習(xí)一個知識點，每天進步一點點。每日寄語”志不立，如無舵這舟，無銜之馬，漂蕩奔逸，終亦何所底乎。”下一期咱們接著聊。
          擊右上方紅色按鈕關(guān)注“web秀”，讓你真正秀起來
          先回答區(qū)別，再擴展一下。
          link和@import有什么區(qū)別
          區(qū)別1：link是XHTML標(biāo)簽，除了加載CSS外，還可以定義RSS等其他事務(wù)；@import屬于CSS范疇，只能加載CSS。
          區(qū)別2：link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。所以會出現(xiàn)一開始沒有css樣式，閃爍一下出現(xiàn)樣式后的頁面(網(wǎng)速慢的情況下)
          區(qū)別3：link是XHTML標(biāo)簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
          區(qū)別4：link支持使用Javascript控制DOM去改變樣式；而@import不支持。在html設(shè)計制作中，css有四種引入方式。
          方式一： 內(nèi)聯(lián)樣式
          內(nèi)聯(lián)樣式，也叫行內(nèi)樣式，指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。
          示例：
          <div style="display: none;background:red"></div>

          這通常是個很糟糕的書寫方式，它只能改變當(dāng)前標(biāo)簽的樣式，如果想要多個 <div> 擁有相同的樣式，你不得不重復(fù)地為每個 <div> 添加相同的樣式，如果想要修改一種樣式，又不得不修改所有的 style 中的代碼。很顯然，內(nèi)聯(lián)方式引入 CSS 代碼會導(dǎo)致 HTML 代碼變得冗長，且使得網(wǎng)頁難以維護。
          方式二： 嵌入樣式
          嵌入方式指的是在 HTML 頭部中的 <style> 標(biāo)簽下書寫 CSS 代碼。
          示例：
          <head>
 <style>
 .content {
 background: red;
 }
 </style>
</head>

          嵌入方式的 CSS 只對當(dāng)前的網(wǎng)頁有效。因為 CSS 代碼是在 HTML 文件中，所以會使得代碼比較集中，當(dāng)我們寫模板網(wǎng)頁時這通常比較有利。因為查看模板代碼的人可以一目了然地查看 HTML 結(jié)構(gòu)和 CSS樣式。因為嵌入的 CSS 只對當(dāng)前頁面有效，所以當(dāng)多個頁面需要引入相同的 CSS 代碼時，這樣寫會導(dǎo)致代碼冗余，也不利于維護。
          方式三：鏈接樣式
          鏈接方式指的是使用 HTML 頭部的 標(biāo)簽引入外部的 CSS 文件。
          示例：
          <head>
 <link rel="stylesheet" type="text/css" href="style.css">
</head>

          這是最常見的也是最推薦的引入 CSS 的方式。使用這種方式，所有的 CSS 代碼只存在于單獨的 CSS文件中，所以具有良好的可維護性。并且所有的 CSS 代碼只存在于 CSS 文件中，CSS 文件會在第一次加載時引入，以后切換頁面時只需加載 HTML 文件即可。
          方式四：導(dǎo)入樣式
          導(dǎo)入方式指的是使用 CSS 規(guī)則引入外部 CSS 文件。
          示例：
          <style>
 @import url(style.css);
</style>

          或者寫在css樣式中
          @charset "utf-8";
@import url(style.css);
*{ margin:0; padding:0;}
.notice-link a{ color:#999;}

          比較鏈接方式和導(dǎo)入方式
          鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用 @import。
          1、link 屬于 HTML，通過 <link> 標(biāo)簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語句應(yīng)寫在 CSS 中，要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭，否則無法正確導(dǎo)入外部文件；
          2、@import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件；
          3、當(dāng) HTML 文件被加載時，link 引用的文件會同時被加載，而 @import 引用的文件則會等頁面全部下載完畢再被加載；
          小結(jié)：我們應(yīng)盡量使用 <link> 標(biāo)簽導(dǎo)入外部 CSS 文件，避免或者少用使用其他三種方式。
          喜歡小編或者覺得小編文章對你有幫助的，可以點擊一波關(guān)注哦！同時，要源碼的小伙伴可以點擊下方“了解更多”。
          原文鏈接：https://segmentfault.com/a/1190000003866058
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
免费萌白酱国产一区二区三区|
亚洲日本va一区二区三区|
免费一本色道久久一区|
国产精品一区二区久久|
亚洲日韩国产一区二区三区|
亚洲一区在线视频|
国模无码一区二区三区不卡|
国产成人精品一区二三区|
少妇精品无码一区二区三区|
国产色精品vr一区区三区|
国精产品一区一区三区有限在线|
日韩精品视频一区二区三区|
中文字幕一区二区人妻|
亚洲国产精品成人一区|
免费国产在线精品一区|
亚洲日韩一区二区三区|
人妻无码视频一区二区三区|
少妇特黄A一区二区三区|
国产免费无码一区二区|
国产午夜精品一区理论片飘花
|
国产一区二区视频在线播放|
一区二区三区在线观看中文字幕|
日本一区二区三区不卡在线视频
|
天堂资源中文最新版在线一区|
亚洲色大成网站www永久一区|
中文字幕无码一区二区三区本日
|
久久久国产一区二区三区|
国产一国产一区秋霞在线观看|
欧美亚洲精品一区二区|
国产日韩综合一区二区性色AV|
精品国产一区二区三区香蕉事
|
国产乱码精品一区二区三区中文|
国产无套精品一区二区|
久久久精品人妻一区二区三区|
久久国产一区二区三区|
亚洲av成人一区二区三区
|
亚洲综合无码一区二区|
日韩精品一区二区三区老鸭窝
|
丰满人妻一区二区三区视频53|
国产在线一区二区|
国产精品久久一区二区三区|