一步步学习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继承相关推荐

一步步学习SPD2010--第二章节--处理SP网站（6）---- 探索SP网站
SP技术没有一个界面:你可以通过使用Web浏览器或者兼容程序如Office 应用程序,包括SPD.你可以选择适合你必须完成的任务的接口.然而,根据你选择的程序,你可能有SP网站的不同视图.如果你使用M ...
关于大型网站技术演进的思考（十六）--网站静态化处理—前后端分离—下（8）
出处:夏天的森林博客我第一次听说nodejs技术大概是在2009年年末,不过我真正认真在网络上进一步了解nodejs还是在2010年年中,当时对nodejs的认识和我现在对nodejs的认识有着天壤 ...
SLAM14讲学习笔记（十五）卡尔曼滤波器的直观理解
之前在SLAM14讲学习笔记(六)后端(最难一章:卡尔曼滤波器推导.理解以及扩展)中,介绍了卡尔曼滤波器的推导. 但是感觉不太直观,因此这次用了几个简单的图,希望能一目了然卡尔曼滤波器是在干什么. 先 ...
关于大型网站技术演进的思考（十五）--网站静态化处理—前后端分离—中（7）
出处:夏天的森林博客上篇里我讲到了一种前后端分离方案,这套方案放到服务端开发人员面前比放在web前端开发人员面前或许得到的掌声会更多,我想很多资深前端工程师看到这样的技术方案可能会有种说不出来的矛盾 ...
关于大型网站技术演进的思考（十五）--网站静态化处理—前后端分离—中（7）...
2019独角兽企业重金招聘Python工程师标准>>> 出处:夏天的森林博客上篇里我讲到了一种前后端分离方案,这套方案放到服务端开发人员面前比放在web前端开发人员面前或许得到的掌 ...
一步步学习微软InfoPath2010和SP2010--第二章节--表单需求：使用决策矩阵（3）--你的SP版本...
根据你的SP版本----是SP Online with Office 365.SP Server2010还是SPFoundation----你会有所限制: 1. Office 365 plans ...
一步步学习SPD2010--第二章节--处理SP网站（9）---- 关键点
1. SP网站属性----标题和描述,向用户传递了网站的目的和功能.它们对于使信息容易被搜索也是基础的. 2. 主题可以使用PPT2010创建,.thmx文件可以上载到网站集顶层网 ...
一步步学习SPD2010--第十一章节--处理母版页（8）--从母版页创建网页
一步步学习SPD2010--第十一章节--处理母版页(8)--从母版页创建网页在SPD中,你可以使用许多不同的方法创建ASP.NET页面.然而,因为页面将是SP网站的一部分,你很可能想像其他页面一样 ...
一步步学习SPD2010--第十一章节--处理母版页（7）--管理Content Placeholders
一步步学习SPD2010--第十一章节--处理母版页(7)--管理Content Placeholders 正如我之前描述的,母版页在你的网站页面间,用来保持一致的外观.然而,母版页还有其他特殊的功能 ...

一步步学习SPD2010--第十章节--SP网站品牌化（9）--理解SP的CSS继承

一步步学习SPD2010--第十章节--SP网站品牌化（9）--理解SP的CSS继承

一步步学习SPD2010--第十章节--SP网站品牌化（9）--理解SP的CSS继承相关推荐

最新文章

热门文章