CSS - бұл Интернет-ресурс парағында визуалды элементтер жасау үшін қолданылатын каскадты стильдер кестесі. CSS-те көрсетілген объектілерді көрсету HTML белгілеу тілінде жүзеге асырылады. Каскадты кестелердің өзін жалғыз қолдануға болмайды.
CSS пайдалану
CSS - HTML белгілеу элементтерін көрсетуді жүзеге асыратын стиль тілі. Каскадтық кестелер HTML-де өзгерту мүмкін емес параметрлерді реттеуге мүмкіндік береді. Мысалы, стиль тілін қолдана отырып, қаріп стилін, түсін өңдеуге болады. CSS шектерді, сызықтарды, төсеуді, енін, орналасу элементтерін орнатуға және «таза» HTML көмегімен жүзеге асыру мүмкін емес параметрлердің нәтижелерін орындауға мүмкіндік береді.
Каскадтық стильдер кестесін барлық браузерлер қолдайды және кез-келген веб-ресурста қолданылады. Олар көрсетілген тілдің көмегімен мазмұнның көрсетілуін басқарады және әртүрлі медиа үшін элементтердің көрсетілуін басқаруға мүмкіндік береді.
Егер HTML тек парақтың мәтінін құрылымдау құралы ретінде қолданылса, CSS көрсетілген мазмұнның дисплейін теңшеуге мүмкіндік береді.
CSS синтаксисі және оны HTML кодына қосу
Бетті жобалау кезінде HTML құралдарының үстінен CSS қолданған жөн. Мәселе мынада, HTML-де бастапқыда элементтердің түсін өңдеуге арналған құралдар болмады және түс пен дисплей параметрлерін орнатуға арналмаған, сондықтан дизайн жасау үшін HTML дескрипторларын кейбір веб-әзірлеушілер дұрыс емес деп санауы мүмкін.
CSS HTML-ден басқа синтаксиске ие және тегтер арқылы парақ кодына енгізілген. Параметрлер тегі арқылы бөлек файлдағы CSS кодын біріктіруге болады:
CSS-кодта белгілі бір синтаксис бар, оны қатаң сақтау керек, әйтпесе құрылған стильдер парақта көрінбейді. CSS кодының бөлімін 3 негізгі элементтерге бөлуге болады: селектор, қасиет және мән. Бұл тармақтар келесідей жазылады:
selector {property: value; мән; }
Таңдаушы құрылған дисплей ережесі қолданылатын тұтқаны анықтайды. Сипат параметрі элементтің өңделетін аспектісін анықтайды, ал мән қасиеттің сәйкес нұсқасын анықтайды. Мысалы, екінші деңгей тақырыбында түсін өзгерту үшін
HTML, сіз келесі кодты қолдана аласыз:
h2 {түс: қызыл; }
Бұл код мәтіннің түсін қызыл түске қояды, ол екінші деңгей тақырыбының дескрипторында орналасқан.
CSS стандартты HTML түсті кестесін қолданады.
Тегтерді қолданумен қатар, ішкі тегтерді де қолдануға болады. Мысалға:
Тақырып
Бұл код жоғарыда сипатталғанмен бірдей, айырмашылықпен CSS параметрлерінің өзі редакциялау үшін қажет дескриптор ішінде орнатылған.
