Css（Cascading Style Sheets,層疊樣式表）是一種頁面美化方法，通過編輯Css的對象屬性達到美化頁面的效果。Css的操作基本單元為對象，使用CSS的感覺就像是使用C++/C中的函數，CSS對象就像是函數，通過定義，聲明，調用來使用。 CSS有三種選擇器（對象定義和使用方式）：標 ...
Css（Cascading Style Sheets,層疊樣式表）是一種頁面美化方法，通過編輯Css的對象屬性達到美化頁面的效果。Css的操作基本單元為對象，使用CSS的感覺就像是使用C++/C中的函數，CSS對象就像是函數，通過定義，聲明，調用來使用。
CSS有三種選擇器（對象定義和使用方式）：標簽選擇器，類別選擇器，ID選擇器
定義：引用的樣式對象名{標簽屬性：屬性值；標簽屬性：屬性值；…….}
eg: h1,h2{text-align: center; color: red;}
使用：<h1>……..</h1>
<h2>……..</h2>
定義：標簽名.類名{標簽屬性：屬性值；標簽屬性：屬性值；…….}或者
.類名{標簽屬性：屬性值；標簽屬性：屬性值；…….}
eg: p.center{ text-align: center; }
.right{ text-align: right; }
使用：<p class=”center”>……..</p>
<h1 class=”right”>……..</h1>
(*區別：後一種格式表示 所有class屬性值為該類名的標簽都遵守該類所定義的樣式)
(eg: 定義了.right{text-align: right;}，調用的時候，只要是通過class調用right的屬性的標簽，都可以表現出right的屬性。<h2 class=”right”>…..</h2>; <p class=”right”>…… </p>;<span class=”right”>……</span>;等等標簽都表現出右對齊的屬性。 )
定義：#id名稱{標簽屬性：屬性值；標簽屬性：屬性值；…….}
eg: #sample{font-family:宋體; don’t-size:60pt;}
使用：<p id=sample>……</p>
不需要定義選擇器，利用style屬性直接為元素設計樣式
eg: <p style=”color:#FF0000”>……</P>
先定義選擇器，將樣式表定義在<head></head>之間。
eg:
<html> <head> <title>xxxxxx</title> <style type=”text/css”> p{color: #000FF;} .info{font-size: 12px;} </syle> </head> </html>
定義的對象單獨放在一個以.css為擴展名的文件里，在使用<link>標簽鏈接到所需要的網頁中，在<head></head>之間。
eg: <link href=”xxx.css” type=”text/css” rel=”stylesheet”>
與鏈接式方法類似，只是通過import的方法導入。
eg: <style type=”text/css”>@import url(xxx.css);</style>
CSS樣式表的優先順序：
嵌入式樣式表 > 內聯式 > 外聯式 > 瀏覽器預設
16:28:52 2016-10-07
