如何将 CSS 定位到特定的共享点页面布局文件？

Question

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

IE 是否有可能影响使用页面布局的页面的 ？

Answer 1

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

例如

<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>

Answer 2

您可以通过在页面布局中放置标签来嵌入要在页面布局中使用的 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 样式。
希望有帮助！