SharePoint Online 开发:界说CSS元素

Blog链接:https://blog.51cto.com/13969817

之前的blog同享的都是针对现有的CSS元素进行更改,一向都是在从头界说它们,使他们满意咱们的需求,或许有些人会问为什么咱们不直接创立新CSS元素,然后依照咱们想要的方法界说它们,再运用它们呢?
你可以这样操作,但并不是你愿望的那么简略,在SharePoint站点上的HTML中代码是恰当杂乱的,有多个被调用的CSS表和多个元素类,它们或许都在一些当地被包装成一个独自的ID,这是一个杂乱的网,假定修改现有的CSS,你只是在改动它的行为方法,则不会更改任何底层结构。
假定Microsoft对代码进行了更改,它们通常会重用元素称谓,这在某种程度上预示着你自界说的CSS有很大的或许性被保存,假定你创立自界说母版页时对站点的底层HTML进行了更改,有或许再下一次晋级时它会失利或许阻挡晋级安顿。
你只是在改动它的行为方法。假定Microsoft对代码进行了更改,它们通常会重用元素称谓,这在某种程度上预示着您的自界说CSS界说有很大的或许性被保存。假定你在创立自界说母版页时那样对站点的底层HTML进行更改,我简直能保证下一次晋级时它将失利,或许阻挡晋级安顿,这在某种程度上预示着要么停留在现在发行的SharePoint版别,而失掉新版其他New Feature,要么需求更多的开发和保护时刻。

但假定你想经过CSS更改网站一些外观也能的,比方你想守时经过网站的一个页面发布新闻,而且想坚持悉数页面外观一同,需求:

  • 发布新闻,归档旧的新闻
  • 一同的页面外观:需求两层标题;需求一些内容文本;需求项目符号列表;超链接上没有下划线

这些可以用CSS来说设置这些代码,咱们来回到样式表,如下:

SharePoint Online 开发:界说CSS元素

示例代码:

.newheader1 {/这是新闻的主标题 /
font-size: x-large !important;
font-weight: bold !important;
color: darkred !important;
}

.newheader2 {/这是新闻的二级主标题 /
font-size: large !important;
color: darkred !important;
}

.newscontent {/这是内容文本/
font-family:"Times New Foman",Georgia,Serif;
}

Newhead1和2别离对应两个标题的设置,Newscontent是新闻内容的相关设置,示例代码仅供参考。