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 亚洲一区中文字幕在线,中文字幕日本在线视频二区,成年色黄大色黄大片视频 

      

        

          



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

          


          
	

          

 

          
  
          
    
          
      
          
        
          HTML 中引入 CSS 的方式
          
        
           
          
	
	
          
		
                        
           4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。下面我們就來看看這些方式和它們的優(yōu)缺點(diǎn)。
          內(nèi)聯(lián)方式
          內(nèi)聯(lián)方式指的是直接在 HTML 標(biāo)簽中的 style 屬性中添加 CSS。
          示例：
          <div style="background: red"></div>

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

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

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

          比較鏈接方式和導(dǎo)入方式
          鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式，下面我們來比較這兩種方式，并且說明為什么不推薦使用 @import。
          • link 屬于 HTML，通過 <link> 標(biāo)簽中的 href 屬性來引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語句應(yīng)寫在 CSS 中，要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭，否則無法正確導(dǎo)入外部文件；
          • @import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無法正確導(dǎo)入外部樣式文件；
          • 當(dāng) HTML 文件被加載時(shí)，link 引用的文件會(huì)同時(shí)被加載，而 @import 引用的文件則會(huì)等頁(yè)面全部下載完畢再被加載；
          小結(jié)：我們應(yīng)盡量使用 <link> 標(biāo)簽導(dǎo)入外部 CSS 文件，避免或者少用使用其他三種方式。
          TML <head> 元素
          <head> 元素是所有頭部元素的容器。<head> 內(nèi)的元素可包含腳本，指示瀏覽器在何處可以找到樣式表，提供元信息，等等。
          以下標(biāo)簽都可以添加到 head 部分：<title>、<base>、<link>、<meta>、<script> 以及 <style>。
          HTML基礎(chǔ)教程： 頭部元素
          作網(wǎng)頁(yè)時(shí)，經(jīng)常需要設(shè)置頁(yè)面的基本信息，如頁(yè)面的標(biāo)題、作者、和其他文檔的關(guān)系等。為此HTML提供了一系列的標(biāo)簽，這些標(biāo)簽通常都寫在head標(biāo)簽內(nèi)，因此被稱為頭部相關(guān)標(biāo)簽。本節(jié)將具體介紹常用的頭部標(biāo)簽。
          1.設(shè)置頁(yè)面標(biāo)題標(biāo)簽<title>
          <title>標(biāo)簽用于定義HTML頁(yè)面的標(biāo)題，即給網(wǎng)頁(yè)取一個(gè)名字，該標(biāo)簽必須位于<head>標(biāo)簽之內(nèi)。一個(gè)HTML文檔只能包含一對(duì)<title></title>標(biāo)簽，<title></title>之間的內(nèi)容將顯示在瀏覽器窗口的標(biāo)題欄中。例如將頁(yè)面標(biāo)題設(shè)置為“輕松學(xué)習(xí)HTML5”，具體代碼如下：
          <title>輕松學(xué)習(xí)HTML5</title>
          上述代碼對(duì)應(yīng)的頁(yè)面標(biāo)題效果如圖1所示。

          圖 1設(shè)置頁(yè)面標(biāo)題標(biāo)簽<title>
          2.定義頁(yè)面元信息標(biāo)簽<meta />
          <meta />標(biāo)簽用于定義頁(yè)面的元信息（元信息不會(huì)顯示在頁(yè)面中），可重復(fù)出現(xiàn)在<head>頭部標(biāo)簽中。在HTML中，<meta />標(biāo)簽是一個(gè)單標(biāo)簽，本身不包含任何內(nèi)容，僅僅表示網(wǎng)頁(yè)的相關(guān)信息。通過<meta />標(biāo)簽的兩組屬性，可以定義頁(yè)面的相關(guān)參數(shù)。例如為搜索引擎提供網(wǎng)頁(yè)的關(guān)鍵字、作者姓名、內(nèi)容描述，以及定義網(wǎng)頁(yè)的刷新時(shí)間等。下面介紹<meta />標(biāo)簽常用的幾組設(shè)置，具體如下。
          1）<meta name="名稱" content="值" />
          在<meta />標(biāo)簽中使用name和content屬性可以為搜索引擎提供信息，其中name屬性用于提供搜索內(nèi)容的名稱，content屬性提供對(duì)應(yīng)的搜索內(nèi)容值，具體應(yīng)用如下。
          ●設(shè)置網(wǎng)頁(yè)關(guān)鍵字，例如某圖片網(wǎng)站的關(guān)鍵字設(shè)置：
          <meta name="keywords" content="千圖網(wǎng),免費(fèi)素材下載,千圖網(wǎng)免費(fèi)素材圖庫(kù),矢量圖,矢量圖庫(kù),圖片素材,網(wǎng)頁(yè)素材,免費(fèi)素材,PS素材,網(wǎng)站素材,設(shè)計(jì)模板,設(shè)計(jì)素材， 網(wǎng)頁(yè)模板免費(fèi)下載,千圖,素材中國(guó),素材,免費(fèi)設(shè)計(jì),圖片" />
          其中name屬性的值為keywords，用于定義搜索內(nèi)容名稱為網(wǎng)頁(yè)關(guān)鍵字，content屬性的值用于定義關(guān)鍵字的具體內(nèi)容，多個(gè)關(guān)鍵字內(nèi)容之間可以用“,”分隔。
          ●設(shè)置網(wǎng)頁(yè)描述，例如某圖片網(wǎng)站的描述信息設(shè)置：
          <meta name="description" content="專注免費(fèi)設(shè)計(jì)素材下載的網(wǎng)站！提供矢量圖素材,矢量背景圖片,矢量圖庫(kù),還有psd素材,PS素材,設(shè)計(jì)模板,設(shè)計(jì)素材,PPT素材,以及網(wǎng)頁(yè)素材,網(wǎng)站素材,網(wǎng)頁(yè)圖標(biāo)免費(fèi)下載" />
          其中name屬性的值為description，用于定義搜索內(nèi)容名稱為網(wǎng)頁(yè)描述，content屬性的值用于定義描述的具體內(nèi)容。需要注意的是網(wǎng)頁(yè)描述的文字不必過多，能夠描述清晰即可。
          ●設(shè)置網(wǎng)頁(yè)作者，例如可以為網(wǎng)站增加作者信息：
          <meta name="author" content="網(wǎng)絡(luò)部" />
          其中name屬性的值為author，用于定義搜索內(nèi)容名稱為網(wǎng)頁(yè)作者，content屬性的值用于定義具體的作者信息。
          2）<meta http-equiv="名稱" content="值" / >
          在<meta />標(biāo)簽中使用http-equiv和content屬性可以設(shè)置服務(wù)器發(fā)送給瀏覽器的HTTP頭部信息，為瀏覽器顯示該頁(yè)面提供相關(guān)的參數(shù)標(biāo)準(zhǔn)。其中，http-equiv屬性提供參數(shù)類型，content屬性提供對(duì)應(yīng)的參數(shù)值。默認(rèn)會(huì)發(fā)送<meta http-equiv="Content-Type" content="text/html" / >，通知瀏覽器發(fā)送的文件類型是HTML。具體應(yīng)用如下：
          ●設(shè)置字符集，例如某圖片官網(wǎng)字符集的設(shè)置：
          <meta http-equiv="Content-Type" content="text/html; charset=gbk" />
          其中http-equiv屬性的值為Content-Type，content屬性的值為text/html和charset=gbk，兩個(gè)屬性值中間用“;”隔開。這段代碼用于說明當(dāng)前文檔類型為HTML，字符集為gbk(中文編碼)。目前最常用的國(guó)際化字符集編碼格式是utf-8，常用的國(guó)內(nèi)中文字符集編碼格式主要是gbk和gb2312。當(dāng)用戶使用的字符集編碼不匹配當(dāng)前瀏覽器時(shí)，網(wǎng)頁(yè)內(nèi)容就會(huì)出現(xiàn)亂碼。
          值得一提的是，在HTML5中，簡(jiǎn)化了字符集的寫法，變?yōu)槿缦滤敬a。
          <meta charset="utf-8">
          ●設(shè)置頁(yè)面自動(dòng)刷新與跳轉(zhuǎn)，例如定義某個(gè)頁(yè)面10秒后跳轉(zhuǎn)至百度：
          <meta http-equiv="refresh" content="10; url= https://www.baidu.com/" />
          其中http-equiv屬性的值為refresh，content屬性的值為數(shù)值和url地址，中間用“;”隔開，用于指定在特定的時(shí)間后跳轉(zhuǎn)至目標(biāo)頁(yè)面，該時(shí)間默認(rèn)以秒為單位。
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲一区动漫卡通在线播放|
久久精品一区二区三区AV|
91精品国产一区二区三区左线|
中文无码一区二区不卡αv|
国产福利一区二区|
日韩最新视频一区二区三|
97精品国产福利一区二区三区|
无码一区二区三区在线|
中文字幕在线一区二区在线|
亚洲线精品一区二区三区影音先锋
|
一区二区三区观看|
亚洲性无码一区二区三区|
国产丝袜美女一区二区三区|
亚洲AV无码一区二区三区在线观看|
亚洲熟女乱色一区二区三区|
久久综合九九亚洲一区|
久久久久久免费一区二区三区|
亚洲日本中文字幕一区二区三区|
国产成人免费一区二区三区|
亚洲国产欧美日韩精品一区二区三区
|
日韩精品一区二区三区中文版
|
一区二区在线视频观看|
波多野结衣中文字幕一区|
日本一区中文字幕日本一二三区视频
|
亚洲AV无码一区二区二三区入口
|
国产精品盗摄一区二区在线|
日韩一区二区a片免费观看|
国产主播在线一区|
韩国精品一区二区三区无码视频
|
一区二区三区视频网站|
好湿好大硬得深一点动态图91精品福利一区二区|
成人免费一区二区无码视频|
国产乱码精品一区二区三区麻豆|
国产乱码精品一区二区三区香蕉|
欧美激情国产精品视频一区二区|
成人一区二区三区视频在线观看|
精品一区二区三区电影|
国产伦精品一区二区免费|
亚洲无线码在线一区观看|
麻豆文化传媒精品一区二区|
九九无码人妻一区二区三区|