SharePoint品牌化和自定義--第一章節--SharePoint品牌化介紹(5)--CSS
CSS是用來集中管理SharePoint中所有的樣式屬性的方法。使用CSS有很多好處。其一是你可以連結到外部CSS檔案，而不必在HTML中新增內聯樣式屬性到元素。其二是如果你需要對網站和頁面做出全域性更改，你可以簡單編輯CSS樣式，它自動更新所有區域（引用該CSS或使用類或ID的地方）。例如，如果你移除SharePoint中所有的CSS引用，那麼網站品牌化就萎縮成文字和圖示。如圖。
1.類：對錶格使用類。
<TABLE Class=“custom-class”>
2.對DIV標籤指定ID。
<DIV id=“custom-id”>
然後那個類或ID就可以在你的CSS檔案中引用：
1.類引用：在名稱前加“.”引用類。
.custom-class
2.ID引用：對ID使用“#”。
#custom-id
一旦你在CSS中引用了這些類，你就可以新增像字型、顏色或背景等屬性。
在HTML的head中，你指定並指向自定義的CSS檔案。當頁面載入時，它辨別擁有類或ID的元素，檢查所有引用的CSS檔案，然後給元素新增樣式（根據你在CSS檔案包含的屬性）。
1.內部
當使用內部樣式時，樣式屬性被新增到頁面的head內。當你想給頁面有獨特的外觀或邊距時經常使用。
<head><style type=”text/css”>CSS Content Goes Here</style></head>
2.外部
這是在母版頁指定CSS樣式表的最常使用的最佳實踐。CSS類名和屬性被儲存在拓展名為“.CSS”的單獨檔案中。這個檔案位於SharePoint資料庫的SharePoint樣式庫或伺服器上自定義的資料夾內。
<link rel=”stylesheet” type=”text/css” href=“stylesheet.css” />
3.內聯樣式
當使用內聯樣式時，你正在給頁面上特定HTML元素或空間新增獨特的屬性。
<p style=”color: #ff0000;”>Some red text</p>
CSS語法決定了CSS規則如何架構。CSS類或ID被稱為選擇器，可以是HTML元素如DIV。每個選擇器可以有多個屬性。每個屬性有自己獨特的值。結構像這樣：selector {property:value;}。使用下面的例子，.s4-search{color: red;}，選擇器是“s4-search”，屬性石“color”，值是“red”。大括號用來包含每個選擇器的所有的屬性和值。機關最後一個屬性值是開的，但是確保所有屬性最後用分號結尾是好的實踐。
你可以為每個屬性集有多個選擇器。好處是你可以在所有類名間共享一系列CSS屬性。如果改變一個，所有指定的篩選器都會更新。
.s4-search, .ms-sbtable, .ms-sbscopes{ color: red;}
注意：每個選擇器由逗號隔開。確保最後一個選擇器和開花括號間沒有逗號，否則樣式不會再瀏覽器中實現。
在你自定義的CSS文件中，推薦你提供詳細的註釋來描述相同的選擇器類名集合。註釋也可以用來解釋為什麼你在CSS檔案中新增某選擇器。這幫助其他第一次看到你的檔案的人，或幫助你記憶一個主意或檔案的更新。要註釋被瀏覽器忽略，它們需要被/*和*/包括，如下
顏色格式
在CSS中指定顏色有很多種方式。最常用的是使用hex顏色。Hex顏色使用紅綠藍組合。Hex碼使用16個位數代表顏色：0 1 2 3 4 5 6 7 8 9 A B C D E F。“0”是全色，“F”是無色。Hex顏色使用6或3位數（以#開頭）。如#000000, #FFFFFF, #0DC5B2, #330099。注意：前兩位數是紅，下面是綠，最後是藍。
CSS屬性標籤
下面是一些你應該學習和理解的基本的CSS屬性。當你逐漸熟悉這些類，你可以開始在設計中包含更高階的CSS技術。文字屬性
下面是一些例子屬性和樣式，你可以用來給頁面上文字的位置和窗體新增樣式。
字型屬性
字型屬性一些值，你設定來讓文字的字型、大小、樣式和重量變得獨特。使用CSS你可以有多種方式增強字型樣式。
背景樣式
當使用背景樣式時，你可以指定HTML原色擁有指定的背景色或圖片。
寬度/高度屬性
如果您需要指定元素或圖片的高度或寬度，使用下面的屬性自定義這些值。
盒子模型
CSS盒子模型是你指定margin、邊界和邊距的基本方法。所有內容都可以使用這些屬性的組合，來增強內容元素的外觀和位置。Margin用來將內容與指定邊界分開。邊界可以是單一黑實線，或者更加複雜的邊界（有多個顏色、寬度和樣式）。Padding用來將內容和元素分開。它也可以用來增加內容和邊界間的空白。
Margins
Margin屬性生命了HTML元素和它周圍的元素間的距離。Margin屬性可以給元素top、left、right和bottom設定。Margins可以單獨指定或組合。
border屬性
border用來新增元素周圍的有顏色的線。
Padding
Padding屬性是HTML元素邊界和內部內容間的距離。Margin的大多數規則也適用於padding，除了沒有“auto”值，並且負值不能宣告給padding。屬性可以以不同方式指定，允許你獲得需要的精確樣式。
Pseudo屬性
Pseudo程式碼可以用來指定特定屬性的可選值。你可以使用pseudo程式碼給元素提供懸停狀態、圖片、文字和其他任何你想要的屬性。
