如何在我的Sharepoint WebPart中使用自定义CSS？

Question

“ELLO！

我正在为Sharepoint开发我的第一个WebPart，现在我想知道在哪里/如何包含/存储我的CSS。 我应该把我的.css文件放在哪里？ 我应该如何将它们包含在我的网站中？

Answer 1

这是我的方法

protected override void CreateChildControls()
{
    CssRegistration.Register("/_layouts/STYLES/WebPartName/styles.css");
}

这确保了CSS只被注册并包含一次，并且有机会修改CSS而无需重新使用整个dll。

Answer 2

您应该使用可以链接或嵌入的Web部件资源。 本文很好地解释了如何使用它们：

管理Web部件资源的最佳实践

Answer 3

你还可以使用：

HtmlLink linkCss = new HtmlLink();

//Defining attributes and values of the link tag
linkCss.Attributes.Add("href", "StyleSheet1.css");
linkCss.Attributes.Add("type", "text/css");
linkCss.Attributes.Add("rel", "Stylesheet");

//Add HtmlLink instance to the header of the current page
Page.Header.Controls.Add(linkCss);

Answer 4

如果您从未计划更改webpart的CSS，那么将CSS嵌入到webpart中就可以了。

我建议你将css包含在样式库中存储的单独文件中，或者更改页面布局或母版页中链接的css文件（例如core.css）。

如果需要，只需为您的webpart定义唯一的类，并保留对每个网站呈现方式的定义。 这允许SharePoint实现的不同区域以不同方式显示相同的Web部件。

这意味着你永远不必释放一个dll来改变一个小的外观和感觉问题。