一步步学习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，不保存。