Сайтта жұмыс істеу барысында кәсіби веб-шеберлер де, сайтты жаңартумен айналысатын, бірақ кәсіби емес адамдар да веб-ресурс стиліне әртүрлі өзгерістер енгізеді. Мысалы, қандай да бір себептермен сайттағы сілтемелердің түсін өзгерту қажет болуы мүмкін.
Бұл жағдайда сілтемелердің түсі CSS (Cascading Style Sheets) - каскадты стильдер кестесінің көмегімен өзгеретінін білуіңіз керек. Бұл веб-ресурсты құру үшін бағдарламалау тілімен бірге қолданылатын кестелер. CSS сайттың құрылымына, яғни оның стиліне, сыртқы түріне, html - ресурстардың мазмұнына жауап береді. CSS - HTML эволюциясының жалғасы.
Сайттағы сілтеме түсі
Сонымен, сілтемелердің түсін тұтасымен сайт үшін де, әр сілтеме үшін де өзгертуге болады. Сілтеме түстері негізгі тегтің атрибуты ретінде орнатылады. Атрибут - бұл кодқа жазудың қажеті жоқ нәрсе, өйткені олардың кейбіреулері әдепкі бойынша орнатылған. Сілтеме атрибуты сайт парағындағы сілтемелердің түсін анықтайды. Әдепкі мәні көк. Alink - белсенді сілтемелердің түсін анықтайтын атрибут, әдепкі бойынша ол қызыл. Vlink - кірген сілтемелер, олардың жалпы қабылданған түсі күлгін.
Көбінесе веб-парақтардағы сілтемелердің түсі оналтылық нотада (#EEEEEE - сұр) немесе rgb форматында (# 808080 - сұр) орнатылады, бірақ сіз сонымен қатар дәстүрлі ағылшын түс белгілерін (сұр - сұр) пайдалана аласыз. Сонымен қатар, түсті градусқа қоюға болады, бұл үшін HSL форматы қолайлы. Интернеттен түсті диаграммаларды табу оңай.
Сілтемелердің түсін өзгертіңіз
Парақтағы барлық сілтемелердің түсін өзгерту үшін стильдердегі түс атрибутының түсін өзгерту жеткілікті. Ол үшін style.css файлын тауып, оны ашып, атрибутын табыңыз. Мысалы, A {түсі: жасыл; / * Сілтеме түсі * /}, мұндағы А - сілтеме, оның түсі жасылға өзгереді. Түстердің кез-келген жүйесін пайдаланып, сіз түс мәнін өзгерте аласыз. Браузер сізді «түсінеді». Стиль веб-парақтағы барлық сілтемелерге қолданылады. Басқа атрибуттардың түстерін дәл осылай өзгертуге болады, мысалы, сілтеменің түсін тышқан курсорымен бірге апарғанда.
Веб-бетте түрлі-түсті сілтемелер жасау үшін стильдер кестесінде келесі жазбаны пайдаланыңыз:
.меню a {түс: сұр; }
.контент a {түс: жасыл; }
Мысалдан мәзірге сілтемелер сұр, ал мазмұн блогындағы сілтемелер жасыл түске ие болады.
Егер стильдер жеке файлда емес, html құжатының өзінде болса, сілтемелермен бірдей әрекеттерді жасауға болады. Бұл контексттік таңдауыштар.
Егер сіз стильдерді тез өңдеп, сілтемелердің түстерін өзгерткіңіз келсе, онда Dreamwever визуалды редакторын қолданған жөн. Есте сақтау керек басты нәрсе - сілтемелер бүкіл веб-параққа қатысты органикалық болып көрінуі керек. Ашық фон үшін қараңғы сілтемелер жақсы және керісінше.
