一步步学习SPD2010--第十章节--SP网站品牌化（2）--在CSS中识别样式
在第四章节“创建和修改网页”，你看到当你使用浏览器向网站请求页面时，它融合了两个MS ASP.NET页面：母版页和内容页。母版页在你网站中提供了一致的外观。你可以在母版页中包含样式信息，但是最佳实践是使用样式表链接到母版页。SP Foundation和SP Server包含许多样式规则----大多数是class或ID声明----储存在样式表文件中。为了品牌化SP Foundation或SP Server，你需要了解这些文件和包含的声明。这是SPD能帮到你的地方。
小贴士：并不是所有样式都在SPD中显示，特别是被控件创建的动态样式。只有当页面布局完毕后，你才能看到样式以及它们应用到的元素。你可能发现使用工具补充SPD本身提供的工具非常有用。其一就是IE开发者工具栏，在IE8中按下F12就能激活。
大多数情况下corev4.css（主要的CSS文件）定义了你需要的大部分样式。你不应该修改这个文件--它包含了超过7000行代码---但是应创建你自己的样式文件只包含自己需要修改的SharePont样式表中的样式。你可以在母版页中链接这个文件，使用HTML的<link>标签或者SharePoint控件CSSRegistration。然后浏览器在应用corev4.css里的规则前后应用你的样式规则。你可以将样式文件保存在每个网站集根部Style Library中或者网站资产库中。开发者也可以创建wsp解决方案部署样式文件。
本次练习中，你要识别母版页上使用的样式。
准备：使用SPD打开之前的团队网站，显示设置页面。
1. 点击母版页。
2. 点击v4.master左侧的图标，点击签出，然后编辑文件。
页面上的控件被紫色线包围。活动控件的标签PlaceHolderMain出现在紫色框上方。快速标签选择器区域PlaceHolderMain标签高亮为橙色。
小贴士：如果控件名没有出现，确保视觉帮助菜单上，模板区域标签被选中。使用视觉帮助可以帮你，但是如果你发现它使你分心，可以取消相应的选项。
3. 点击任务窗格，点击CSS属性打开CSS属性任务窗格。
4. 打开管理样式任务窗格，出现corev4.css。母版页上的样式规则被标记为灰色圆圈。
小贴士：默认管理样式任务窗格以样式出现顺序列出样式规则。当你有多个样式表时，每个样式表被分开列出。如果当前页没有出现在管理样式任务窗格，它就不包含样式规则。为了使此页出现在列表中，添加样式块(<style>...</style>)到<head>标签中。当按顺序查看样式规则时，你可以上下拖动他们移动样式。移动页面上定义的样式将它变为定义在文件中的样式。
5. 点击拆分，在代码视图中点击。
6. 点击CTRL+F，输入s4-workspace，点击查找下一个，然后关闭。
在代码视图中，s4-workspace高亮。快速标签选择器区域标签<div#s4-workspace>也高亮为橙色。
在CSS属性任务窗格中，应用规则右侧显示一个链接到corevr4.css，表明当前母版页链接到corev4.css。在应用规则下，六个样式规则按应用顺序列出。第一个规则在列表顶部。
小贴士：你可以点击corev4.css链接，在新选项卡中打开样式表。
7. 在CSS属性任务窗格中，指向body#s4-workspace，这样屏幕提示出现了规则声明。
小贴士：你可以右击一个样式，显示一个上下文敏感的列表选项允许你前往代码，创建新样式、复制样式或者修改样式。当你点击类或者ID样式时，你会看到额外的选项，如重命名和移除ID。
8. 在CSS属性任务窗格，点击摘要按钮。所有属性的摘要列表显示出来。
9. 在管理样式任务窗格，点击选项--在当前页显示使用的样式。所有CSS元素ID和类都被灰色圆圈标识。
10. 点击同样点击选项----按类型分类。
样式类型以树状结构显示出来，以元素和类分组。元素用蓝色圆圈，类用绿色圆圈。
11. 在管理样式任务窗格--类，右击.s4-title，点击选择所有1个实例
在管理样式任务窗格底部，预览框显示了样式规则的效果。
注意：<div>用作块儿级容器可以包含内容和许多标签。许多<table>都被<div>代替。这样你可以应用单独的而不是对页面剩下的部分的样式。它允许你更简单地管理和支配页面部分，也使得创建遵守辅助性标准的页面更加简单。
12. 鼠标放在.s4-title可以看到屏幕提示。
13. 在CSS任务窗格，点击显示字母顺序排序的列表和在前端显示集属性。
其中应用的规则显示了.s4-title类前的<div>部分应用的类。在CSS属性部分中，.s4-title规则以蓝色加粗字体出现。当属性重复多次，说明他们在不同样式表中被定义，或者同一样式表中定义多次。
小贴士：当你点击一个CSS属性时，定义属性的样式被蓝色矩形包围出现在应用的规则部分。
14. 有时会看到一些样式被覆盖：
