Пцк «Жалпы білім беру пәндері»

CSS мақсаты - беттің сыртқы түрін оның мазмұнынан анықтайтын нәрсені бөлу. Егер құжат тек HTML көмегімен жасалған болса, онда ол әрбір элементті ғана емес, сонымен бірге оның қалай көрсетілетінін де (түсі, қаріпі, блок орны және т.б.) анықтайды. Егер каскадты стиль кестелері қосылған болса, онда HTML тек нысандардың ретін сипаттайды. Ал CSS олардың барлық қасиеттеріне жауап береді. HTML тілінде сыныпты әр уақытта барлық стильдерді тізбестен жазу жеткілікті.

Мұндай технология:

• салыстырмалы қарапайым және жылдам әзірлеуді қамтамасыз етеді, өйткені жасалғаннан кейін дизайн көптеген беттерге қолданылуы мүмкін;

• өңдеудің икемділігі мен жеңілдігін арттырады - дизайнды барлық жерде өзгерту үшін CSS-те өңдеуді жасау жеткілікті;

• элементтердің қайталануын азайту арқылы кодты қарапайым етеді. Бағдарламашылар мен іздеу боттары үшін оқу оңайырақ;

• Жүктеу уақытын жылдамдатады, себебі CSS бірінші рет ашылғанда кэштелуі мүмкін, ал келесіде тек құрылым мен деректер оқылады;

• мазмұнды көрсетуге арналған көрнекі шешімдердің санын көбейтеді;

• бір құжатқа әртүрлі стильдерді оңай қолдану мүмкіндігін қамтамасыз етеді (мысалы, мобильді құрылғылар үшін бейімделген нұсқаны немесе нашар көретіндер үшін арнайы стильдерді жасау).

Яғни, каскадты кестелер дизайнды жүзеге асыруға ғана емес, сонымен қатар сайтты құруға деген көзқарасты түбегейлі өзгертеді, әзірлеушілердің жұмысын жеңілдетеді және іске асыру икемділігін қамтамасыз етеді. CSS бұл үшін.

CSS әзірлеу қажеттілігін 1990 жылдары W3C мойындады. 1996 жылы қаріп параметрлерін, түсін, мәтін атрибуттарын, туралау мен толтыруды өзгертуге мүмкіндік беретін CSS1 стандарты қабылданды. 1998 жылы блок орналасуын, дыбыстық кестелерді, жасалған мазмұнды, көрсеткіштерді, бет медиасын пайдалану мүмкіндігін қосқан CSS2 шығарылды. CSS3 нұсқасы стильдердің мүмкіндіктерін айтарлықтай арттырды: JavaScript қолданбай анимациялық элементтерді жасауға қол жетімді болды, антиалиазинг, көлеңкелер, градиенттер және т.б. қолдау пайда болды.Спецификация модульдерге бөлінді, олардың әрқайсысы жеке дами бастады. 2011 жылдан бастап CSS4 модульдері әзірленуде. Мүмкіндіктер әлі де жоба нұсқаларында сипатталған.

CSS-ті қарапайым тілмен элементтің қалай көрінетінін сипаттайтын ережелер жиынтығы ретінде сипаттауға болады.

Селектор CSS-те сипатталған мәнер сипаттары қай элементке қолданылатынын айтады. Пішімдеуі бар кез келген тег (өлшемі, түсі, т.б.) селектор ретінде пайдаланылуы мүмкін. Тег үшін әртүрлі мәнерлер орнату немесе әртүрлі элементтер үшін біреуін қолдану қажет болса, сыныптарды және "Tag.Class {қасиет: мән;}" пішінінің жазбасын пайдаланыңыз. Сынып атауы латын әріптерімен көрсетілген, оның құрамында астын сызу немесе сызықша болуы мүмкін. Егер сіз тегті көрсетпесеңіз, бірақ жазуды «.Class» арқылы бастасаңыз, онда кез келген тег үшін ережені пайдалануға болады.

Бір тег үшін бірнеше сыныпты тізімдесеңіз, барлық сипатталған стильдер оған қолданылады. Идентификатор мәнерленетін немесе сценарий арқылы сілтеме жасалатын элементтің бірегей атауын көрсетеді. "#Идентификатор {қасиет: мән;}" жазбасы. Идентификатордың аты латын әліпбиінің әріптерінен тұрады, дефис және астын сызу қолданылуы мүмкін. Белгілі бір тегке идентификаторды қолдану үшін оның атын көрсетіңіз, содан кейін бос орынсыз және идентификатордың атын фунт белгісімен белгілеңіз.

Жарнамаларды блоктау

Декларация блогы сипаттан тұрады: мән жұптары (әрдайым қос нүктеден кейін), ирек жақшаға алынған. Жазбалар нүктелі үтірмен аяқталады. CSS қойындыларға, бос орындарға, регистрлерге сезімтал емес. Жазу әдісін таңдау (шегіністері бар бағанда немесе тек жолда) әзірлеушінің қалауы бойынша. Егер бір селектор үшін бірдей сипаттың әртүрлі мәндері тіркелген болса, онда басымдық төменгі жазбаға беріледі.