SharePoint 2007 CSS样式参考指南

需积分: 9 13 下载量 37 浏览量 更新于2024-12-02 收藏 384KB PDF 举报
"这篇文档是关于在Windows SharePoint Services (WSS) 和Microsoft Office SharePoint Server (MOSS) 2007界面开发中使用CSS样式的综合汇总,由Heather Solomon更新,对界面开发者来说是非常实用的参考资料。文档详细列出了各种CSS类、ID以及对应的属性,帮助开发者理解和控制SharePoint站点的布局、链接、搜索等关键元素的样式。" 在SharePoint 2007的界面开发中,CSS起着至关重要的作用,它定义了页面元素的外观和交互效果。文档中提到了几种关键的CSS类,例如: 1. `.ms-HoverCellInactive` 和 `.ms-SpLinkButtonInactive`: 这两个类用于全局链接的非活动状态,控制边框、内边距、字体颜色、对齐方式和背景色。在`Core.CSS`的第2575行定义。 2. `.ms-HoverCellActive` 和 `.ms-SpLinkButtonActive`: 当鼠标悬停在全局链接上时,这些类用于呈现活动状态的效果,同样包括边框、对齐和背景的变化。它们在`Core.CSS`的第2582行被定义。 3. `.ms-globalleft`: 这个类将包含站点地图路径的表格向左浮动,通过`Core.CSS`的第540行实现,确保其在页面左侧显示。 4. `.ms-globallinks` 和 `.ms-globalright`: 这些类分别定义全局链接文本的样式,如字体大小、字体家族和背景,以及包含全局链接的表格向右浮动。它们在`Core.CSS`的第546、551行及第543行定义。 5. `.ms-sbcellWrapper`: 这个类包裹着搜索输入框、按钮和高级搜索链接,提供了内边距、边框和空白处理。在`Core.CSS`的第4137行定义。 6. `td.ms-sbgo`: 用于搜索按钮的表格单元格,可能包含了其他与搜索相关的样式属性。 这些CSS类和ID可以帮助开发人员精确地定制SharePoint 2007界面,提供一致且符合企业品牌的设计。了解和掌握这些样式规则是创建自定义SharePoint用户体验的关键步骤,特别是对于那些希望优化导航、搜索功能以及整体页面布局的开发者来说。 在进行SharePoint界面开发时,理解CSS的使用不仅可以提升页面的视觉吸引力,还能提高用户体验。通过调整这些CSS属性,开发者可以轻松地改变按钮、链接、搜索框等元素的样式,以适应不同业务需求或用户界面要求。同时,合理运用浮动和定位(如`.ms-globalleft`和`.ms-globalright`)可以有效管理页面元素的布局,确保内容在不同屏幕尺寸下都能正确显示。 这份CSS样式汇总文档为WSS和MOSS界面开发提供了宝贵的参考,使得开发人员能够更高效地进行定制化工作,提高工作效率并创建出更美观、易用的SharePoint站点。