Cascading Style Sheets e SharePoint 2010

Cascading Style Sheets (CSS) pode ser muito sofisticado. CSS é uma maneira de separar olhar e sentir a partir do conteúdo. Estas regras de estilo são muitas vezes colocados na área da cabeça de um documento HTML ou em um arquivo separado por completo que está ligada à página HTML (para SharePoint 2010, é muitas vezes a página principal).

Você pode mudar a cor dos hiperlinks para um site inteiro no contanto que leva para digitar vários caracteres!

Os estilos podem ser criados para elementos HTML específicos, tais como H1 (posição um). Esses estilos aplicar automaticamente quando os elementos são usados ​​no conteúdo. estilos personalizados, tais como .mystyleheader, são aplicados especificamente como desejado. CSS é usado para fonte, fundos, tamanho e posicionamento, e muitas outras instruções visuais para o browser. O navegador já tem uma forma padrão de apresentação de texto e cabeçalhos, entre outras coisas.

Uma regra CSS contém o elemento e um ou mais descritores. O elemento pode ser um elemento HTML ou um estilo personalizado (classe), que pode ser aplicada como desejado:

  • elemento HTML: Propriedades descritores neste exemplo elemento HTML incluem a cor do texto, o estilo da fonte, tamanho da fonte e família de fontes (auto-explicativo).

    h1 {color: vermelho-font-style: bold - font-size: 16px; font-family: arial-}
  • estilo de classe personalizado: A regra personalizada é o mesmo, exceto que CSS tem alguns formatos de atalho.

.mystyleheader {color: fonte vermelhos: bold 16px arial-}

O elemento HTML e as classes mostrado nas regras CSS anteriores são chamados seletores. As regras definidas para o seletor são aplicadas a tudo em sua página da web que corresponde ao elemento HTML ou classe personalizado. Os exemplos mostrados aqui são muito simples. Seletores pode ficar muito complexo quando você precisa aplicar regras para elementos que são aninhados profundamente na sua página web.

SharePoint tem milhares de regras CSS, e é preciso paciência e experiência para encontrar, descobrir e criar seus próprios estilos para substituir esses estilos pré-definidos.

Por outro lado, se você quiser alterar um par de tamanhos de fonte, as imagens de navegação superior, o logotipo de fundo, e / ou a aparência da navegação à esquerda, você pode ser capaz de copiar a folha de estilo associada a um principal previamente definida e modificar esses poucos itens.

o .mystyleheader classe é mostrada na lista anterior para definir facilmente a diferença entre o elemento HTML e um estilo de classe personalizada. Os nomes de classe usados ​​pelo SharePoint e criados por você ter nomes mais significativos.

Quando você está criando seus próprios nomes de estilo, como tentador que poderia ser a de nomear um estilo .redlink ou .blueheading, assim que você aplicar esse estilo em vários locais, a equipe vai querer mudar a cor! Então descrever o elemento por sua intenção de conteúdo, e não suas cores ou propriedades.

Parte do arquivo core4.css no SharePoint.
Parte do arquivo core4.css no SharePoint.

menu