標籤：兩種 cas nbsp 設定 meta font 網頁 utf-8 裝置
CSS (Cascading Style Sheets)層疊樣式表 ，是由全球資訊網聯盟（W3C）制定的標準
CSS的主要作用：
css的版本介紹
css1：發佈於 1996年12月17 日,制定了css的基本顯示樣式標準，如選取器、字型、顏色、背景、布局等。
css2：發佈於 1999年1月11日。CSS2添加了對媒介（印表機和聽覺裝置）和可下載字型的支援，同時擴充了選取器的文法以及定位功能。
css3：在css2基礎上增加了更多的屬性，更多單位，擴充了動畫、2d與3d轉換功能。（此版本至今已經很完善，但少量屬性仍在調整中）。
為html標籤引入css樣式有如下幾種方式:
內聯樣式表
也叫內嵌式或行內式，在html代碼中嵌入css樣式，只對當前標籤起作用。
基本文法
1 <div style=“color:yellow；background:red”></div>
缺點分析：無法對對一組標籤進行樣式渲染導致css程式多，html與css耦合，影響開發效率與執行效率。（不推薦使用）
內建樣式表
也叫頁內樣式,在網頁上使用style標籤包裹樣式代碼。
基本文法
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css"><!--使用style標籤包裹--> 7 .container{/*選取器*/ 8 background: red;/*定義屬性、值*/ 9 }10 </style>11 </head>12 <body>13 <div class="container">這是一個div容器</div>14 </body>15 </html>
缺點分析：html檔案中包含大量css程式，頁面結構與樣式耦合，不利於維護。（不推薦使用）
外聯樣式表
也叫外部樣式，將樣式檔案獨立的編寫在樣式檔案中，在html中顯示的聲明引入樣式檔案。（建議使用）
引入css檔案聲明
1 <head> 2 …… 3 <link href=" href="css/04test.css" rel="stylesheet" type="text/css" /> 4 …… 5 </head> 6 <!-- 7 link元素：串連元素，是head標籤的子標籤。 8 href:設定引入外部檔案的路徑url。 9 type：設定或擷取對象的 MIME 類型。10 -->
匯入樣式表
在css編寫容器中使用@import匯入外部css檔案
1 <style type="text/css">2 @import url(“css/04test.css");3 </style>4 <!--5 @import：匯入樣式的規則關鍵字。6 url(“css路徑”)：匯入外部css檔案的路徑。7 -->
編寫方式的基本原則：
調試方式：
通過開發人員選項進行調試（快速鍵F12）。如下為兩種最長出現的 錯誤:
1、部分樣式無法渲染
原因分析：在css檔案中出現語法錯誤，導致瀏覽器中斷執行。
解決方案：通過半數刪除的方式定位錯誤文法。
2、配置樣式錯亂
原因分析：在css檔案某一個子項目尺寸定義錯誤，導致布局錯亂。
解決方案：通過開發人員選項或檢查元素的方式，逐一查看各個元素的大小。
web(五)CSS引入方式，編寫規範及調試
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
