層疊樣式表
CSS簡介一種用來表現HTML檔案樣式的計算機語言
CSS作用：定義網頁的外觀（字型、背景、文字、佈局、邊緣、列表及其他）
所謂樣式表：是樣式化HTML的一種方法HTML是文件內容，而樣式表是文件的表現，或者說是外觀。
所謂層疊，將一組樣式一起層疊使用，控制某一個或多個HTML元素，按樣式表中的屬性依次顯示
特點：
控制頁面中的每一個人元素
對HTML語言處理樣式最好的補充
把內容處理相分離減少工作量
使用css的樣列：
<!DOCTYPE html>
<html>
<head>
<title>第一個使用css的樣列</title>
<style> /*適應該標記將css嵌入到HTML中*/
p { /*為段落b標記p定義樣式，使用多個層疊樣式*/
font-size: 30px; /*設定段落中的字號為30畫素*/
color: yellow; /*設定段鸞中間的字型為黃色*/
border: 2px solid blue; /*設定段落邊框為藍色2畫素*/
text-align: center; /*設定段落中的字型居中*/
background: green; /*設定段落背景顏色為綠色*/
} /*樣式選擇器的結束大括號*/
</style>
</head>
<!--HTML中可以使用空行調節編碼格式-->
<body>
<p>Linux</p>
<p>Apache</p> <!--使用段落標記顯示一個字串-->
<p>PHP</p>
</body>
</html>
css的規則組成：主要由選擇器和宣告倆部分組成；列子：p{text-indent：3em} 這個當中的選擇器是p
宣告則是定義樣式元素，他用於設定HTML元素的樣式。形式：選擇器{屬性：值1；屬性：值2；、、、、}宣告和選擇器一起使用。
屬性和值之間用：連線多個屬性的複合樣式宣告之間應該用分號；隔開，最後一個屬性的值後面可以不用分號
如果在HTML中直接使用style屬性宣告樣式，則不需要{}而是直接將多層疊樣式元素宣告在style屬性的雙引號即可：<h1 style="font-size:x-large;color:red;">html中直接加標籤
css註釋/*******************/
` 長度單位：em（font-size:2em）是一個與一個字元高度大致相同的單位
px（font-size：12px）是一個畫素單位
pt（font-size：12pt）是一個磅的單位
%（font-size：80%）是一個百分比
顏色的單位和URL值
顏色的值是一個關鍵字或一個RGB格式的數字，16個關鍵字：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、white、yellow、RGB顏色可以有以下四種形式：
#rrggbb
#rgb
#rgb（x，x，x）x是一個0-255的整數、
#rgb（y%，y%，y%）y是一個0.0到100.0的整數
指定背景圖片需要使用URL值4種方式：
body{bcakground:url(xsphp.gif)}不用引號
body{background:url(http://www.lampborther.net/xsphp.gif)}完整的URL
body{bcakground:url('xsphp.gif')}使用單引號
body{background:ur("xsphp.gif")}使用雙引號
在HTML文件中放置css的幾種方式
內聯樣式表：使用style屬性內聯、可以應用於任何的body元素、除了basefont、papam和scrip標記。css聲明當做自己的值，而每個值用分號；隔開
列子：<p style="color:red;font-family:serif">這段樣式是紅色的serif字，如果字型可以用的話</p>
嵌入一張樣式表：
使用style元素嵌入到HTML中使用<style>需要放在HTML文件的head部分
<head>
<style type="text/css" media=""screen">
body{ background:url(foo.gif) red;color:black}
p em{ background: yellow; color:black}
.note{ margin-left: 5em; margin-right:5em}
</style>
</head>