Визуелни стил и изглед сајта су диктирани ЦСС или Цасцадинг Стиле Схеетс. То су документи који обликују ХТМЛ ознаку веб странице, пружајући веб прегледаче упуте о томе како приказати странице које су резултат тог означавања. ЦСС обрађује изглед странице, као и боју, позадинске слике, типографију и још много тога.
Ако погледате ЦСС датотеку, видећете да, као и било који од ознака или језика кодирања, ови фајлови имају одређену синтаксу за њих. Сваки стилски стил састоји се од неколико ЦСС правила. Ова правила, када се узимају у потпуности, су оно што стоји на сајту.
Дијелови ЦСС правила
ЦСС правило се састоји од два различита дела - селектора и декларације. Селектор одређује оно што се стиже на страници, а декларација је како треба да буде стилизована. На пример:
п {
боја: # 000;
}
Ово је ЦСС правило. Селектор је део "п", који је селектор за "ставке". Због тога би сте одабрали СВЕ параграфе на сајту и дали им тај стил (осим ако постоје ставови на које се крећу специфичнији стилови на другим местима у вашем ЦСС документу).
Део правила која каже "боја: # 000;" то је оно што је познато као декларација. Та декларација састоји се од два дела - имовине и вредности.
Имовина је "боја" ове декларације. Он диктира који аспект селектора ће се визуелно мијењати.
Вредност је оно што ће изабрана особина ЦСС бити промијењена. У нашем примеру користимо хек вредност од # 000, што је ЦСС схортханд за "црно".
Дакле, користећи ово ЦСС правило, наша страница би садржала ставке приказане у црној боји фонта.
ЦСС основе имовине
Када напишете особине ЦСС-а, не можете их једноставно направити онако како вам се свиђа. За случајеве, "боја" је стварна ЦСС својина, тако да је можете користити. Ово својство је оно што одређује боју текста елемента. Ако сте покушали да користите "тект-цолор" или "фонт-цолор" као својства ЦСС-а, они би пропали јер нису стварни делови ЦСС језика.
Још један примјер је особина "бацкгроунд-имаге". Ова својства поставља слику која се може користити у позадини, овако:
.лого {
бацкгроунд-имаге: урл (/имагес/цомпани-лого.пнг);
}
Ако сте покушали да користите "бацкгроунд-пицтуре" или "бацкгроунд-грапхиц" као својство, они би пропустили јер, још једном, то нису стварни ЦСС својства.
Неке ЦСС особине
Постоји неколико ЦСС особина које можете користити за стајалиште сајта. Неки примери су:
- Граница (укључујући гранични стил, граничну боју и граничну ширину)
- Паддинг (укључујући паддинг-топ, паддинг-ригхт, боттом-паддинг, анд паддинг-лефт)
- Маргине (укључујући маргин-топ, маргин-ригхт, маргин-боттом, маргин-лефт)
- Породица фонтова
- Величина фонта
- Боја позадине
- Ширина
- Висина
Ове особине ЦСС-а су одличне за примере, јер су све врло јасне и, чак и ако не знате ЦСС, вероватно можете погодити шта раде на основу њихових имена.
Постоје и друге особине ЦСС-а са којима ћете се сусрести, а можда и нису тако очигледне како раде на основу њихових имена:
- Пловак
- Јасно
- Оверфлов
- Тект-трансформ
- З-индекс
Док се дубље уђете у веб дизајн, сусрећете (и користите) сва ова својства и још много тога!
Својства требају вриједности
Сваки пут када користите својство, морате му дати вриједност - а одређена својства могу прихватити само одређене вриједности.
У нашем првом примјеру својства "боје" морамо користити вриједност боје. Ово може бити хек вредност , РГБА вриједност, или бар кључне ријечи . Међутим, било која од ових вриједности ће радити, ако сте користили ријеч "мрачни" с овом особином, то неће учинити ништа јер, као што је описна као ријеч, то није призната вриједност у ЦСС-у.
Наш други пример "позадинске слике" захтева да се путања слике користи за прикупљање стварне слике из датотека вашег сајта. Ово је вриједност / синтакса која је потребна.
Све особине ЦСС-а имају вриједности које очекују. На пример:
- Боја боје оцекује вредност боје
- Гранична величина очекује величину вредности, као што су пиксели или проценти
- Стилови граница очекују да један од резервисаних стилова који се користе за ову особину, попут "солидног"
Ако прођете кроз листу ЦСС особина, открићете да свака од њих има одређене вриједности које ће користити за креирање стилова за које су намењени.
Уредио Јереми Гирард