一步步學(xué)習(xí)SPD2010--第十章節(jié)--SP網(wǎng)站品牌化（9）--理解SP的CSS繼承

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

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

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

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

? ? ? ? 準(zhǔn)備：使用SPD打開之前的團(tuán)隊網(wǎng)站。

1. 點擊導(dǎo)航窗格的母版頁。 雙擊v4.master左側(cè)圖標(biāo)。

2. 在應(yīng)用樣式任務(wù)窗格，點擊corev4.css。 鼠標(biāo)放上去出現(xiàn)屏幕提示。

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

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

? ? ? ? 整個快速啟動導(dǎo)航控件被選中，只有應(yīng)用到控件的CSS樣式顯示出來。

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

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

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

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

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

6. 點擊是。

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

7. 展開_styles。

8. 點擊v4.master選項卡。在應(yīng)用樣式任務(wù)窗格點擊corev4.css。屏幕提示現(xiàn)在指出corev4.css保存在/_styles中。

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

10. 點擊v4.master，在應(yīng)用樣式任務(wù)窗格點擊corev4.css。屏幕提示現(xiàn)在指出corev4.css仍保存在/_styles中。

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

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

12. 點擊確定。確認(rèn)刪除。

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

13. 關(guān)閉v4.master和corev4.css，不保存。

轉(zhuǎn)載于:https://www.cnblogs.com/crazygolf/p/3857048.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。