一步步學習SPD2010--第十章節--SP網站品牌化（9）--理解SP的CSS繼承

? ? ? ? 和你在本書中處理的許多其他文件一樣，corev4.css和其他樣式表處在每個Web服務器的根目錄中。如果你使用SPD修改和保存它們，你創建了自定義頁面。子網站并不從自定義版本的corev4.css繼承樣式。它們將仍然指向根目錄的非自定義頁面。如果你在許多網站上自定義corev4.css，每個網站將有這個文件的獨特拷貝。如果在根目錄的corev4.css被修改，并分布到Web服務器上，這些改變不會影響你自己的網站。

? ? ? ? 當你需要在網站集中所有網站擁有相同的外觀，打破與非自定義的corev4.css文件的關聯成為主要問題。最好不要修改corev4.css文件以及任何其他內置的樣式表，無論使用SPD還是其他什么產品。為了定義一個站點，你應該復制corev4.css文件中的樣式來修改。然后將這些樣式放在母版頁中<style>標簽之內，或者放到自己的樣式表中。你可能需要咨詢開發者獲得對樣式表中所有樣式繼承結構更進一步的理解。

? ? ? ? 如果你的目標不止品牌化一個網站，SharePoint有個附加樣式表的機制。定義在這個文件中的樣式總是應用在corev4.css文件的樣式之后，無論你是否自定義corev4.css。SharePoint Server提供了一個方法通過瀏覽器分配樣式表。Foundation版本沒有。也有其他應用自定義樣式的方法。添加主題，在網站定義和功能中定義額外的css，然后你可以理解你需要開發者的技術的原因了。

? ? ? ? 本次練習中，你重審corev4.css文件和默認母版頁之間的關系。也將編輯corev4.css文件中的樣式，得到自定義的頁面。

? ? ? ? 準備：使用SPD打開之前的團隊網站。

1. 點擊導航窗格的母版頁。 雙擊v4.master左側圖標。

2. 在應用樣式任務窗格，點擊corev4.css。 鼠標放上去出現屏幕提示。

? ? ? ? 屏幕提示指出了_layouts目錄的地址，它是Web servers上的根目錄。

3. 在設計視圖，點擊快速啟動的庫，然后在CSS屬性任務窗格，點擊摘要。

? ? ? ? 整個快速啟動導航控件被選中，只有應用到控件的CSS樣式顯示出來。

4. 點擊font-size右邊的箭頭，選擇medium。

? ? ? ? corev4.css文件作為選項卡打開。

? ? ? ? 小貼士：如果corev4.css文件沒有打開，你可能有另一個SPD窗口為打開狀態。當使用樣式時，應該只打開一個站點。

5. 右擊corev4.css選項卡，點擊保存。

? ? ? ? 會彈出一個警告框。

6. 點擊是。

? ? ? ? 所有文件迷你庫打開，新建了名為_styles的文件夾。

7. 展開_styles。

8. 點擊v4.master選項卡。在應用樣式任務窗格點擊corev4.css。屏幕提示現在指出corev4.css保存在/_styles中。

9. 點擊corev4.css選項卡，然后在所有文件迷你庫中，右擊corev4.css，點擊重置為網站定義。點擊是關閉警告框。

10. 點擊v4.master，在應用樣式任務窗格點擊corev4.css。屏幕提示現在指出corev4.css仍保存在/_styles中。

11. 點擊corev4.css選項卡，在所有文件迷你庫中，刪除corev4.css。

? ? ? ? 自定義樣式表警告框打開，這個操作將使你使用默認版本的css樣式表。

12. 點擊確定。確認刪除。

? ? ? ? _styles文件夾中只包含一個文件corev4_copy(1).css

13. 關閉v4.master和corev4.css，不保存。

轉載于:https://www.cnblogs.com/crazygolf/p/3857048.html

總結

以上是生活随笔為你收集整理的一步步学习SPD2010--第十章节--SP网站品牌化（9）--理解SP的CSS继承的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。