Каскадните стилови таблици (CSS) могат да бъдат много сложни. CSS е начин за отделяне на външния вид и усещането от съдържанието. Тези стилови правила често се поставят в областта на главата на HTML документ или в отделен файл като цяло, който е свързан с HTML страницата (за SharePoint 2010 това често е главната страница).
Можете да промените цвета на хипервръзките за цял сайт толкова дълго, колкото е необходимо да въведете няколко знака!
Могат да се създават стилове за конкретни HTML елементи, като H1 (първо заглавие). Тези стилове се прилагат автоматично, когато тези елементи се използват в съдържанието. Персонализирани стилове, като .mystyleheader, се прилагат специално по желание. CSS се използва за шрифт, фон, размер и позициониране и много други визуални инструкции за браузъра. Браузърът вече има начин по подразбиране за представяне на текст и заглавки, наред с други неща.
CSS правилото съдържа елемента и един или повече дескриптори. Елементът може да бъде HTML елемент или персонализиран (клас) стил, който може да бъде приложен по желание:
-
HTML елемент: Дескрипторите на свойства в този пример за HTML елемент включват цвета на текста, стила на шрифта, размера на шрифта и семейството на шрифтовете (разбира се от само себе си).
h1 { цвят: червен; стил на шрифта: удебелен ; размер на шрифта: 16px; семейство шрифтове: arial; }
-
Персонализиран стил на клас: Персонализираното правило е същото, с изключение на това, че CSS има някои формати за пряк път.
.mystyleheader { цвят: червен; шрифт: удебелен 16px arial; }
HTML елементът и класовете, показани в предходните CSS правила, се наричат селектори . Правилата, дефинирани за селектора, се прилагат към всичко във вашата уеб страница, което съответства на HTML елемента или персонализирания клас. Показаните тук примери са много прости. Селекторите могат да станат много сложни, когато трябва да приложите правила към елементи, които са вложени дълбоко във вашата уеб страница.
SharePoint има хиляди CSS правила и са необходими търпение и опит, за да намерите, разберете и създадете свои собствени стилове, за да замените тези предварително дефинирани стилове.
От друга страна, ако искате да промените няколко размера на шрифта, фоновите изображения на горната навигация, логото и/или външния вид на лявата навигация, може да сте в състояние да копирате стиловата таблица, свързана с предварително дефиниран шаблон и променете тези няколко елемента.
Класът .mystyleheader е показан в предходния списък, за да се дефинира лесно разликата между HTML елемента и персонализиран стил на клас. Имената на класове, използвани от SharePoint и създадени от вас, имат по-смислени имена.
Когато създавате свои собствени имена на стилове, колкото и изкушаващо да е да назовете стил .redlink или .blueheading, веднага щом приложите този стил на множество места, екипът ще иска да промени цвета! Така че опишете елемента по неговото съдържание, а не по неговите цветове или свойства.
Част от файла core4.css в SharePoint.