TechCodeview

Шта је ЦСС?

ЦСС је скраћеница од Цасцадинг стиле схеетс. Описује кориснику како да прикаже ХТМЛ елементе на екрану у одговарајућем формату. ЦСС је језик који се користи за стилизовање ХТМЛ докумената. Једноставним речима, каскадни стилови су језик који се користи за поједностављење процеса прављења веб странице.

ЦСС се користи за руковање неким деловима веб странице. Уз помоћ ЦСС-а можемо да контролишемо боју текста и стил фонтова, а можемо да контролишемо и размак између пасуса и многих других ствари. ЦСС је лак за разумевање, али пружа снажну контролу над ХТМЛ документима. ЦСС је комбинован са ХТМЛ-ом.

Предности ЦСС-а

Ево следећих предности ЦСС-а, као што су:

Већа брзина странице:Има већу брзину странице од брзине странице другог кода. Уз помоћ ЦСС правила можемо га применити на сва појављивања одређених ознака у ХТМЛ документима.Боље корисничко искуство:ЦСС чини веб страницу веома привлачном за очи. Такође, ЦСС га чини лакшим за употребу. Када су дугме или текст у одговарајућем формату, то побољшава корисничко искуство.Брже време развоја:Уз помоћ ЦСС-а, можемо одредити формат и стил више страница у један низ кода. У каскадној табели стилова, можемо направити дупликат неколико страница веб странице.
Ако направимо веб страницу, она има исти формат, изглед и осећај, дакле уз помоћ ЦСС правила за једну страницу, а она је довољна за све странице.Једноставне промене форматирања:У ЦСС-у, ако треба да извршимо промене у формату, то је врло лако; потребно је само да променимо формат једне странице који ће се аутоматски применити на друге странице ЦСС-а.
Нема потребе да исправљате појединачне странице у ЦСС стилу. Ако поправимо ЦСС стилски лист, он ће аутоматски ажурирати други ЦСС стилски лист.Компатибилност:Компатибилност је веома важна у данашњем добу. Ако направимо било коју веб страницу, она би требало да буде веома прилагодљива и прилагођена корисницима. ЦСС се користи са ХТМЛ-ом да би дизајн веб странице био прилагодљив.

Зашто користимо ЦСС?

Као што сви знамо, ЦСС је моћан језик за листу стилова који се користи за контролу ХТМЛ документа ради побољшања дизајна веб странице.

ЦСС обезбеђује ефикасност у дизајну веб странице:Такође пружа ажурирања тако да наша веб страница функционише на одговарајући начин. Уз помоћ ЦСС-а, можемо креирати и применити та правила на веб локацији. Ако дизајн веб странице креирамо одвојено, можемо да унесемо промене у нашу листу стилова и то ће утицати на све стилове.ЦСС омогућава брже преузимање странице:ЦСС помаже у бржем преузимању странице јер када преузмемо страницу, добијамо кеш меморију која помаже при учитавању странице, али уз помоћ ЦСС-а можемо довести до учитавања лакше странице што помаже да се побољшају перформансе.ЦСС је једноставан за рад:У ЦСС-у, визуелни аспект веб странице можемо у потпуности одвојити од садржаја; користећи ЦСС, можемо да направимо веб локацију која нам омогућава да брзо направимо лаиоу0074.

Пример ЦСС-а

 body { background-color: lightblue; } h1 { colour: white; text-align: center; } p { font-family: Verdana; font-size: 20px; } <p>This paragraph will be red</p> <p id="center">This paragraph will be pink and center-aligned</p> 

ЦСС позадина

У ЦСС-у имамо различите начине на које можемо утицати на ХТМЛ документе. Има их неколико као што следи:

Боја:Користи се за промену боја позадине.Понављање:Користи се за проверу да ли се слика мора поновити. Ако јесте, онда ће вам рећи како да то урадите.Слика:Користи се за постављање слике у позадини.Положај:Одређује позицију слике у ЦСС-у.

ЦСС Бордер

Користи се за постављање границе за ХТМЛ елементе. Постоје нека главна својства за подешавање границе у ХТМЛ елементима:

ширина:Помаже у постављању ширине граница.Стил:Помаже у постављању стила граница.Боја:Помаже у постављању боје граница.Радијус:Помаже у постављању радијуса границе.

Границу можемо поставити са десне стране , одозго, одоздо и лево. На пример: ширина ивице = 2пк, 5пк;