HTML, гипермәтіндік белгілеу тілі ойлап табылғаннан бастап, веб-құжаттардың орналасуы және орналасуы түсініктері түбегейлі өзгерді. CSS және CSS2 каскадты стильдер кестесінің стандарттарына арналған танымал браузерлердің толықтай дерлік қолдауының арқасында құжатты визуалды түрде ұсынудың кез-келген аспектісіне әсер ету мүмкін болды. Мысалы, сілтеме фонын түрлі-түсті етіп жасауға болады, кейбір суреттермен толтырылған, сонымен қатар пайдаланушының іс-әрекетіне байланысты өзгеріп отырады.
Қажетті
- - құжат мәтінін немесе құжат стилі парақтарының мәтінін редакциялау мүмкіндігі;
- - құжатты бастапқы кодтауда сақтауға мүмкіндік беретін мәтіндік редактор.
Нұсқаулық
1-қадам
Сілтеменің фонын кездейсоқ түспен біркелкі толтырыңыз, А элементіне сызық стилі туралы ақпарат қосыңыз. А элементінің атрибуттарына фонын өзгерткіңіз келетін сілтемеге сәйкес стиль қосыңыз. Стиль атрибутының мазмұнында өң-түс үшін дұрыс идентификатор болып табылатын фон-түс CSS қасиетін берілген мәнмен орналастырыңыз. Мысалы, келесідей болуы мүмкін:
сілтеме мәтіні
2-қадам
Сіздің сыртқы немесе ендірілген стильдер кестесіндегі сілтеменің фонын анықтаңыз. Сәйкес стильдер кестесінде таңдамалы деңгейге сәйкес келетін ережелер жиынтығын қосыңыз. Ережелер жиынтығында өң-түс қасиетін алдыңғы қадамдағыдай енгізіңіз. CSS2 каскадтық ережелері мен қажетті ауқым негізінде селектордың ерекшелігін таңдаңыз. Сонымен, сізге тек бір сілтеменің түсін қою керек болса, идентификатор селекторын қолдану мағынасы бар, егер мұндай сілтемелер бірнеше болса, атрибуттар селекторын класс мәніне сүйеніп қолданған жөн.
Мысалы, құжаттағы нақты сілтеме үшін жасыл фон қою үшін стильдер кестесіне ережелер жиынтығын қосуға болады:
# ID_GREEN
{
өң-түс: # 00FF00;
}
ID_GREEN сілтемесіне сәйкес келетін A элементінің ID атрибутын орнату керек:
сілтеме мәтіні
3-қадам
Сілтеменің фонын суретпен толтырыңыз. Бір және екінші қадамдарда сипатталған әдістерді ұстаныңыз, бірақ фондық түсті CSS қасиетінің орнына фондық кескінді қолданыңыз. Мысалға:
сілтеме мәтіні
Қажет болса, фондық кескінді көлденең және тігінен қайталау параметрлерін анықтау үшін орнатылған CSS ережелеріне фонды қайталау сипатын қосыңыз.
4-қадам
Сілтеме үстінде немесе фокус қозғалғанда сілтеменің фонын өзгертіңіз. Сыртқы немесе ендірілген құжат стилінің парағына ережелер жиынтығын қосыңыз, олар әртүрлі күйлердегі сілтеме немесе сілтеме тобының фонын анықтайды. ID және атрибут селекторларын динамикалық псевдо-класстармен бірге қолданыңыз: hover,: active және: focus. Мысалы, ID_DYNAMIC_BACKGROUND идентификатор төлсипатының мәні бар сілтеме фонының белсенді емес күйінде қызыл, ал тінтуір курсорының астында болған жағдайда жасыл болуы үшін стильдер кестесіне келесі ережелер қосылуы керек:
# ID_DYNAMIC_ACKGROUND
{
өң-түс: # FF0000;
}
# ID_DYNAMIC_ACKGROUND: меңзер
{
өң-түс: # 00FF00;
}
Суретті динамикалық түрде өзгертетін фон жасау үшін де солай жасауға болады.
