如何将CSS应用于特定的SharePoint页面布局文件？

Question

我是否可以为我开发的每个SharePoint页面布局创建一个.CSS文件，或者每个可能布局的CSS需要在主页中引用？

也就是说，我是否可以影响页面布局所使用的页面的部分？

- Loofer

Answer 1

Michal的解决方案可以进一步改进，方法是在您的布局页面上包含任何链接等内容的PlaceHolderAdditionalPageHead内容占位符标记中。这样它将被正确地包含在生成页面的头部中。

例如。

<asp:Content ContentPlaceholderID="PlaceHolderAdditionalPageHead" runat="server">
   <link id="Link1" href="<% $SPUrl:~SiteCollection/Style Library/mystyle.css%>" runat="server" type="text/css" rel="stylesheet" />
   <SharePoint:ScriptLink id="jQueryCore" language="javascript" name="ui.core.js" runat="server"/>
</asp:Content>

- Mark

Answer 2

您可以通过在页面布局中添加一个 <style> 标签来嵌入要使用的 CSS。例如：

<style type="text/css">
    .ms-pagetitle, .ms-titlearea
    {
        margin-bottom: 5px;
    }

</style>

或者在页面布局中，您也可以创建一个相对链接到您想要使用的CSS文件：

<link rel="stylesheet" type="text/css" href="/_layouts/styles/mystyle.css"/> 

这样，您可以在使用的页面布局中覆盖不同的CSS样式。

希望对您有所帮助！

- Michal

---

我从未想过 <link /> 会有效果，所以我从未尝试过！ - Loofer

我强烈建议使用mrtrombone的解决方案（使用“PlaceHolderAdditionalPageHead”内容占位符），以确保CSS在页面顶部呈现。 - Ryan Shripat