Қазақстан республикасы ғылым және жоғары білім министрлігі
Лекция №13. CSS3 негіздері
жүктеу/скачать 3,56 Mb.
|
Компьютерлік желі-умкд
- Бұл бет үшін навигация:
- CSS негіздері
- CSS тегі түс
- CSS тегі өлшем
| Лекция №13. CSS3 негіздері
CSS тарихы CSS стильдің каскадты кестелері HTML ден кейін, 1997 жылы пайда болды. CSS-тің HTML-мен жұмыс жасағанына қарамастан, ол HTML емес. сонымен қоса, CSS өзімен бар HTML тегтерді анықтай отырып, HTML мүмкіндіктерін кеңейтетін жеке кодты ұсынады. Бұл WWW мәтіндік құжаттарды алмасу тәсілі ретінде, ал HTML осы құжаттар жасалынатын тіл болғандығымен байланысты. Жауынгерлер мен ғылымдар үшін құжаттың көріктілігі емес, оның құрамы қызықтырды. Сондықтан да, HTML-дің алғашқы жобаларында веб-беттерге бейнені қосу әдістері болмаған. Бірақ, уақыт өте келе интернетке басқа да пайдаланушылар келіп, олар өздеріне әсем етіп жасауды талап етті. Осылайша, веб-дизайнерлердіңғ жұмысын жеңілдету мақсатымен жасалынған стильдердің каскадты кестелері пайда болды. қазіргі уақытта CSS1 және CSS2 қабылданған. Үшінші деңгей (CSS3) өңделу үстінде. Алайда, оны шығарғаннан кейін де браузерлер оны бірнеше жылдан кейін ғана қолдана алады. CSS3 –тің алдынғы жобалардан ең негізгі ерекшелігі масштабталатын векторлық графика болып табылады. Яғни, векторлық графиканың барлық мүмкіндіктері енді интернетте де қол жетімді болады. Алайда, стильдер кестесінің бірінші дәрежесі де (CSS1) тамаша мүмкіндіктерді ұсынады. CSS негіздері Стильдердің каскадты кестелері немесе жай стильдер кестесі (CSS – Cascading Style Sheets) – HTML кодтың түрлі фрагменттерін форматтауды жазатын және одан бөлек сақталатын ережелер терісі. Қандай да бір фрагментті форматтауды немесе фрагмент кодының біртипті тобын форматтауды көрсететін ережені стиль деп атайды. Стильдер кестесі CSS ерекше тілінде жазылып, css кеңейтілімге ие ерекше файлдарда сақталынады. Стильдер кестесін өз іс-тәжірибеңізде үйренгеніңіз жөн. CSS тегі түс CSS-тегі түсті атау (мысалы, blue немесе red) немесе RGB кодтың (мысалы, #87FED3) көмегімен көрсетуге болады. CSS түсінің атаулары HTML дегі атауларымен сай келеді. HTML-ге қарағанда, CSS үшмәнді сан бойынша көрсетуге мүмкіндік береді, бұл жағдайда санның әрбір цифры екіеселенеді. Осылай, #7C5 дегенміз бұл #77CC55. CSS тегі өлшем em ( негізгі шрифте әріп ені m) px (пиксельдердегі өлшем) in (дюймдар) cm (caнтимeтpлер) mm (миллимeтpлер) pt (1/72 дюймнің пунактері) pc (пиктер, он екі пункт) % (пайыздар; пайыздық мәндер дұрыс, бұрыс ондық бөлшектер болуы мүмкін.) CSS те барлық қасиеттердің мәні болып normal, medium, bold және басқалары секілді кілттік сөздер болуы мүмкін. Кілтік сөздер регистрге сезімсіз борлып табылады: bold және BOLD – екеуі бір. Әрбір қасиет, өзінің мәнін ата-аналық элементтен мұрагерлік ету керектігін көрсететін inherit мәнін қабылдайды. Синтаксис HTML барлық элементтерінің стиль жазбаларының жалпы синтаксисі келесідей көрініске ие: элемент {атрибут: мәні} Мұндай жазбаны ереже, стиль немесе селектор деп атайды. Элемент атауы ретінде элемент белгісінің атауын, класс атауын және веб-бетегі обьект идентификаторын қолдануға болады. Атрибут көрініп тұрған элементтің қасиетін анықтайды, ал мәні – осы қасиеттің мәні. Мысалы, 1 теңдеуінің барлық тақырыптарын ақ түске бояу үшін, келесідей жазу керек: h1 {color: white} или так: h1 {color: #FFFFFF} Көріп отырғаныңыздай, бұл екі қатар жүктеу/скачать 3,56 Mb. Достарыңызбен бөлісу:
|