SharePoint Foundation 中级联样式表类的用法
上次修改时间： 2015年3月9日
适用范围： SharePoint Foundation 2010
级联样式表 (CSS) 定义开发人员可应用于网页中的元素的样式规则。例如，CSS 样式可定义元素的显示方式以及它们在网页上的位置。可结合使用 CSS、ECMAScript（JavaScript、JScript）、母版页 (v4.master) 上定义的 HTML 元素以及单个网页来自定义 Microsoft SharePoint Foundation 网站的显示。
工作组网站主页元素和 CSS 类
下表总结所选顶层元素和默认工作组网站主页上使用的 CSS 样式。可将此表作为着手点来了解如何使用级联样式表自定义 SharePoint Foundation。有关详细信息，请参阅级联样式表（该链接可能指向英文页面）。
元素 |
CSS 类 |
说明 |
|---|---|---|
<正文> |
v4master |
将 corev4.css 中的 CSS 样式应用于网页。 |
功能区容器 |
s4-pr |
使功能区容器占满网页行的宽度。 |
s4-ribbonrowhidetitle |
用于在打开或关闭功能区时显示或隐藏功能区标题区域。 |
|
ms-cui-ribbon |
定义主功能区 CSS 类。 |
|
ms-cui-ribbonTopBars |
定义功能区正文上方的元素，从网页顶部向上至功能区选项卡标题（包括功能区选项卡标题）。 |
|
"网站操作"菜单 |
ms-siteactionsmenu |
从整体上设置"网站操作"菜单的样式。 |
ms-siteactionsmenuinner |
设置内部"网站操作"菜单的样式。 |
|
ms-menu-a |
设置顶部菜单上的 margin-right 属性。 |
|
痕迹导航菜单 |
s4-breadcrumb-menu |
从整体上设置痕迹导航菜单的样式。 |
s4-breadcrumb-anchor |
设置悬停在痕迹导航菜单上时的样式。 |
|
痕迹导航菜单标题 |
s4-breadcrumb-top |
设置当打开下拉树时，痕迹导航菜单顶部区域上的样式。 |
s4-breadcrumb-header |
设置当选择痕迹导航树下拉菜单时，痕迹导航文件夹图标上的样式。 |
|
痕迹导航菜单项 |
s4-breadcrumb |
设置痕迹导航项的样式。 |
s4-breadcrumbRootNode |
设置痕迹导航工作组网站根树元素上的样式。 |
|
s4-breadcrumbCurrentNode |
设置痕迹导航主页树元素的样式。 |
|
"编辑"选项卡 |
ms-qatbutton |
设置"编辑"选项卡上的样式。 |
"浏览"选项卡 |
ms-cui-tts |
设置选项卡标题的容器的样式。 |
ms-cui-tt |
设置选项卡标题的样式。 |
|
ms-browseTab |
设置特定于"浏览"选项卡的样式 |
|
ms-cui-tt-s |
设置所选选项卡标题的样式。 |
|
ms-cui-tt-a |
设置"功能区"选项卡标题定位点（使表标题可单击的链接元素）的样式。 |
|
ms-cui-tt-span |
设置选项卡标题区域的样式。 |
|
Page Tab |
ms-cui-tt |
设置选项卡标题的样式。 |
ms-cui-tt-a |
设置"功能区"选项卡标题定位点（使表标题可单击的链接元素）的样式。 |
|
ms-cui-tt-span |
设置选项卡标题区域的样式。 |
|
用户菜单 |
s4-trc-container-menu |
设置右上角容器菜单的样式。 |
ms-SPLink |
设置应用于菜单项的样式。 |
|
ms-welcomeMenu |
设置下拉菜单项上的 margin-right 属性。 |
|
ms-menu-a |
设置顶部菜单上的 margin-right 属性。 |
|
标题行 |
s4-pr |
使标题行占满网页行的宽度。 |
s4-title |
设置网页标题元素的样式。 |
|
s4-lp |
设置网页左侧的元素的样式。 |
|
s4-titlelogo |
设置标题徽标图像的页边距和对齐方式。 |
|
s4-titletext |
设置网页徽标图形右侧的所有文本的样式。 |
|
"搜索"区域 |
s4-search |
设置辅助菜单中"搜索"控件上的边距值。 |
s4-rp |
设置网页右侧的元素的样式。 |
|
快速启动菜单项 |
menu-item |
设置"网站"徽标下"主页"按钮的样式。 |
menu-item-text |
设置"主页"按钮的文本的样式。 |
|
"回收站"链接 |
s4-rcycl |
设置特定于"回收站"链接元素的样式。 |
ms-splinkbutton-text |
设置链接元素的样式。 |
|
"所有网站内容"链接 |
s4-specialNavIcon |
设置特定于"所有网站内容"链接元素的样式。 |
ms-splinkbutton-text |
设置链接元素的样式。 |
|
"共享文档"链接 |
ms-WPHeaderTd |
设置 Web 部件中标题部分的样式。 |
ms-standardheader |
设置标准标题样式。 |
|
ms-WPTitle |
设置 Web 部件标题的样式。 |
|
Web 部件菜单 |
ms-WPHeaderTdMenu |
设置 Web 部件菜单上的样式。 |
ms-WPHeaderMenuImg |
设置 Web 部件菜单图像的样式。 |
|
选择复选框 |
ms-WPHeaderTdSelection |
设置 Web 部件选择复选框上的样式。 |
ms-WPHeaderTdSelSpan |
设置 Web 部件选择复选框上的区域样式。 |
|
项目选择复选框 |
ms-vh-icon |
设置项目选择复选框图标上的样式。 |
ms-vh2 |
设置高度属性。 |
|
"类型"选项、"名称"选项、"修改时间"选项、"修改者"选项 |
ms-vh-div |
设置上边距属性。 |
s4-ctx |
设置下拉菜单上的边距、位置和显示属性。 |
|
ms-vh2 |
设置高度属性。 |
|
共享文档文本 |
ms-vb |
设置共享文档控件组文本区域（组底部）的样式。 |
添加文档链接 |
ms-addnew |
将指定样式设置为"添加文档"链接。 |
照片图像 |
ms-rte-layoutszone-outer |
设置工作组网站主页 Web 部件的控件上的浮点属性的 RTF 编辑器类。 |
ms-rte-layoutszone-inner |
设置工作组网站主页 Web 部件的内容区域的样式的 RTF 编辑器类。 |
|
ms-rteThemeForeColor-5-5 |
将"入门"Wiki 区域的主题前景色设为深蓝色的 RTF 编辑器类。 |
|
"入门"区域 |
ms-rte-layoutszone-outer |
设置工作组网站主页 Web 部件的控件上的浮点属性的 RTF 编辑器类。 |
ms-rte-layoutszone-inner |
设置工作组网站主页 Web 部件的内容区域的样式的 RTF 编辑器类。 |
|
ms-rteThemeForeColor-5-5 |
将"入门"Wiki 区域的主题前景色设为深蓝色的 RTF 编辑器类。 |
|
"共享此网站"、"更改网站主题"、"设置网站图标"、"自定义快速启动"链接 |
ms-rteTable-0、ms-rteTableEvenRow-0、ms-rteTableEvenCol-0、ms-rteTableOddCol-0、ms-rteTableOddRow-0 |
设置"入门"Wiki 区域下方控件上的样式的 RTF 编辑器类。 |