CSS - бул интернет-ресурстун баракчасында визуалдык элементтерди түзүү үчүн колдонулган каскаддык стилдер жадыбалы. CSSте көрсөтүлгөн объектилерди көрсөтүү HTML белгилөө тилинде жүзөгө ашырылат. Каскаддык үстөлдөрдүн өзүн өзү эле колдонууга болбойт.
CSS колдонуу
CSS - HTML белгилөө элементтеринин көрсөтүлүшүн жүзөгө ашырган стилдик тил. Каскаддык таблицалар HTMLде өзгөртүлбөгөн параметрлерди ыңгайлаштырууга мүмкүндүк берет. Мисалы, стилдин тилин колдонуп, шрифттин стилин, түсүн түзөтө аласыз. CSS чектерин, сызыктарын, толтуруусун, туурасын, позиция элементтерин орнотууга жана "таза" HTMLдин жардамы менен ишке ашыруу мүмкүн болбогон параметрлердин натыйжаларын чыгарууга мүмкүндүк берет.
Каскаддык стиль баракчалары дээрлик бардык браузерлер тарабынан колдоого алынып, дээрлик бардык веб-ресурстарда колдонулат. Алар көрсөтүлгөн тилди колдонуп, мазмунун көрсөтүүнү көзөмөлдөп, ар кандай маалымат каражаттары үчүн элементтердин көрсөтүлүшүн көзөмөлдөөгө мүмкүнчүлүк берет.
Эгерде HTML барактын текстин структуралоо каражаты катары гана колдонулса, CSS көрсөтүлгөн мазмунун чагылдырууну настройкалап берет.
CSS синтаксиси жана аны HTML кодуна киргизүү
Барактын дизайнын түзүүдө CSSти HTML шаймандарынын үстүнөн колдонуу артыкчылыктуу. Чындыгында, HTML башында элементтердин өңүн түзөтүү үчүн каражат болгон эмес жана түстөрдү жана дисплей параметрлерин орнотуу үчүн арналган эмес, ошондуктан дизайнды түзүү үчүн HTML дескрипторлорун колдонуу айрым веб иштеп чыгуучулар тарабынан туура эмес деп табылышы мүмкүн.
CSS HTMLден айырмаланып, башка синтаксиске ээ жана барактын кодуна тэгдер аркылуу киргизилген. Параметрлер тэгин колдонуп, өзүнчө файлдагы CSS кодун бириктире аласыз:
CSS-коддун белгилүү бир синтаксиси бар, аны так сакташ керек, антпесе түзүлгөн стилдер баракта көрсөтүлбөйт. CSS кодунун бөлүмүн 3 негизги элементтерге бөлүүгө болот: селектор, касиет жана маани. Бул пункттар төмөнкүдөй жазылган:
selector {property: value; }
Селектор түзүлгөн дисплей эрежеси колдонула турган тутумду көрсөтөт. Сипат параметри элементтин оңдолуучу аспектин аныктайт, ал эми мааниси касиеттин тиешелүү вариантын аныктайт. Мисалы, экинчи баскычтагы түстү өзгөртүү үчүн
HTML, сиз төмөнкү кодду колдонсоңуз болот:
h2 {түс: кызыл; }
Бул код тексттин түсүн кызылга коет, ал экинчи деңгээлдеги баш дескрипторунда жайгашкан.
CSS стандарттуу HTML түстөр таблицасын колдонот.
Тегдерди колдонуудан тышкары, ички тегдерди дагы колдонсо болот. Мисалы:
Баш аты
Бул код жогоруда сүрөттөлгөн менен бирдей, CSS параметрлеринин өзү түзөтүү үчүн керек болгон дескриптордун ичине коюлган.