Каскадни листови стилова (ЦСС) могу бити веома софистицирани. ЦСС је начин да одвојите изглед и осећај од садржаја. Ова правила стила се често постављају у област главе ХТМЛ документа или у посебну датотеку која је повезана са ХТМЛ страницом (за СхареПоинт 2010, то је често главна страница).
Можете променити боју хипервеза за цео сајт све док је потребно да откуцате неколико знакова!
Стилови се могу креирати за одређене ХТМЛ елементе, као што је Х1 (наслов један). Ови стилови се аутоматски примењују када се ти елементи користе у садржају. Прилагођени стилови, као што је .мистилехеадер, се посебно примењују по жељи. ЦСС се користи за фонт, позадину, величину и позиционирање и многа друга визуелна упутства за претраживач. Претраживач већ има подразумевани начин представљања текста и заглавља, између осталог.
ЦСС правило садржи елемент и један или више дескриптора. Елемент може бити ХТМЛ елемент или прилагођени (класа) стил који се може применити по жељи:
-
ХТМЛ елемент: Дескриптори својстава у овом примеру ХТМЛ елемента укључују боју текста, стил фонта, величину фонта и породицу фонтова (само по себи разумљиво).
х1 { боја: црвена; фонт-стиле: болд ; фонт-сизе: 16пк; фонт-фамили: ариал; }
-
Прилагођени стил класе: Прилагођено правило је исто, осим што ЦСС има неке формате пречица.
.мистилехеадер { боја: црвена; фонт: болд 16пк ариал; }
ХТМЛ елемент и класе приказани у претходним ЦСС правилима називају се селектори . Правила дефинисана за селектор се примењују на све на вашој веб страници што одговара ХТМЛ елементу или прилагођеној класи. Примери приказани овде су веома једноставни. Селектори могу постати веома сложени када треба да примените правила на елементе који су дубоко угнежђени у вашој веб страници.
СхареПоинт има хиљаде ЦСС правила и потребно је стрпљење и искуство да бисте пронашли, схватили и креирали сопствене стилове да бисте заменили ове унапред дефинисане стилове.
С друге стране, ако желите да промените неколико величина фонта, слике у позадини горње навигације, логотип и/или изглед леве навигације, можда ћете моћи да копирате стилски лист повезан са унапред дефинисаним главним и изменити тих неколико ставки.
Класа .мистилехеадер је приказана на претходној листи да би се лако дефинисала разлика између ХТМЛ елемента и прилагођеног стила класе. Називи класа које користи СхареПоинт и које сте креирали имају смисленија имена.
Када креирате сопствене називе стилова, колико год примамљиво било да назовете стил .редлинк или .блуехеадинг, чим тај стил примените на више локација, тим ће желети да промени боју! Дакле, опишите елемент према његовој намери садржаја, а не његовим бојама или својствима.
Део датотеке цоре4.цсс у СхареПоинт-у.