一步步学习SPD2010--第十章节--SP网站品牌化（3）--在内容页中识别样式

当你在SPD中显示内容页时，尽管设计视图显示了内容页与母版页的融合，你只能辨识储存在内容页的部件的CSS样式。使用页面的代码视图，来辨识储存在内容页的部件。

本次练习中，你要辨别使用在内容页上的样式。

准备：使用SPD打开站点，进入设置页面。

1. 点击导航窗格的网站页面，双击Home.aspx左侧图标打开页面。

工作区内，选项卡标签为Home.aspx，代码视图部分，一些代码高亮为黄色。这个页面在安全模式打开。

CSS属性任务窗格没有包含规则或属性。管理样式任务窗格包含了用在Home.aspx页面的元素和类规则。这些规则定义在corev4.css，wiki.css和menu-21.css中，它们连接到母版页，而母版页有附加在当前页面上。管理样式任务窗格没有包含对当前页面的引用，意味着当前页面没有定义样式规则。

2. 在编辑功能区点击高级模式，可以访问此页面上所有代码以及对应设计视图的页面元素。

页面刷新，代码视图部分没有高亮。

3. 在代码视图部分，点击网站名称。

网站名称周围出现标签为PlaceHolderSiteName（母版页）的紫色矩形。快速标签选取器区域状态栏没有包含标签信息，CSS属性任务窗格也没有规则。

4. 在网站名右侧，点击OOUI箭头，打开常用Content任务列表。

列表显示名为创建自定义内容的链接。

注意：标签名中出现（母版页），以及在常用Content任务列表的创建自定义内容链接，表明被紫色矩形环绕的区域映射到一个控件，它的内容在母版页中被定义。因此在CSS属性任务窗格没有显示CSS样式信息。

5. 点击代码视图部分，按下CTRL+F。

6. 输入PlaceHolderMain，点击查找下一个。关闭对话框。

在代码视图中，PlaceHolderMain被高亮，在设计视图中，紫色矩形环绕着标签PlaceHolderMain（自定义）相关区域。在快速标签选取器区域，<asp:Content>标签高亮为橙色。

7. 在设计视图，点击PlaceHolderMain部分内部。

CSS属性任务窗格显示出应用规则和CSS属性部分的信息。

注意：PlaceHolderMain标签中的自定义表明紫色矩形包围的区域映射到一个在母版页定义的控件，但是在这个页面上，矩形包含了它自己的独特内容，伴随着任何CSS样式信息，而且没有来自母版页的内容。如果你要现实常见Content任务，链接将是“默认为母版页内容”。

同见：更多母版页信息请看第十一章节“使用母版页”。