HTML, гипертекст белгилөө тили ойлоп табылгандан бери, веб-документтердин макети жана макети түшүнүктөрү кескин өзгөрдү. CSS жана CSS2 каскаддык стилдер жадыбалынын стандарттарын популярдуу браузерлердин дээрлик толугу менен колдоосу менен, документтин визуалдык презентациясынын дээрлик бардык аспектилерине таасир этүү мүмкүн болду. Мисалы, шилтеменин фонун түстүү кылып, кандайдыр бир сүрөт менен толтуруп, ошондой эле колдонуучунун аракетине жараша өзгөртө аласыз.
Зарыл
- - документтин текстин же документтин стилдеги барактарынын текстин редакциялоо мүмкүнчүлүгү;
- - документти баштапкы коддоодо сактоого мүмкүндүк берген тексттик редактор.
Нускамалар
1 кадам
Шилтеменин фонун А элементине сызык стилиндеги маалыматты кошуу менен кокустук түс менен бир калыпта жасаңыз. А фонунун өзгөрткүңүз келген шилтемеге туура келген А элементинин атрибуттарына стиль кошуңуз. Style атрибутунун мазмунуна, фон-түс CSS касиетин берилген маани менен жайгаштырыңыз, бул фондук түс үчүн туура идентификатор. Мисалы, мындай болушу мүмкүн:
шилтеме текст
2-кадам
Документиңиздеги тышкы же камтылган стилдер баракчасында шилтеменин фонун аныктаңыз. Тиешелүү стилдер таблицасына конкреттүү мүнөздөгү алгылыктуу деңгээлдеги селектор тарабынан айтылган эрежелердин топтомун кошуңуз. Эрежелер топтомуна, мурунку кадамдагыдай эле, өң-түс касиетин киргизиңиз. CSS2 каскаддык эрежелеринин жана керектүү чөйрөнүн негизинде селектордун өзгөчөлүгүн тандаңыз. Демек, сизге бир эле шилтеменин өңүн коюу керек болсо, анда ID селекторун колдонуу акылга сыярлык, эгерде мындай шилтемелер бир нече болсо, анда атрибут селекторун класстын маанисине карап колдонгон оң.
Мисалы, документтеги белгилүү бир шилтеме үчүн жашыл фонду орнотуу үчүн, стилдер баракчасына бир катар эрежелерди киргизе аласыз:
# ID_GREEN
{
background-color: # 00FF00;
}
Ошондой эле А элементинин ID атрибутун ID_GREENге керектүү шилтемеге ылайыкташтырышыңыз керек:
шилтеме текст
3-кадам
Шилтеменин фонун сүрөт менен толтуруңуз. Бир жана экинчи кадамдарда сүрөттөлгөн ыкмаларды аткарыңыз, бирок CSS фон-түс касиетинин ордуна фон-сүрөттү колдонуңуз. Мисалы:
шилтеме текст
Керек болсо, фондук сүрөттү горизонталдык жана вертикалдык көчүрүүнүн варианттарын аныктоо үчүн коюлган CSS эрежелерине фон-кайталоо касиетин кошуңуз.
4-кадам
Шилтеменин үстүнөн же фокус жылганда, анын фонун өзгөртүңүз. Ар кандай мамлекеттердеги шилтеме же шилтеме тобунун фонун аныктаган тышкы же камтылган документ стилдеринин баракчасына эрежелер топтомун кошуңуз. ID жана атрибут селекторлорун динамикалык псевдо класстар менен бирге колдонуңуз: hover,: active жана: focus. Мисалы, ID_DYNAMIC_BACKGROUND атрибут касиетине ээ шилтеменин фону активдүү эмес абалда кызыл, ал эми чычкан курсорунун астында турганда жашыл болуп турушу үчүн, стилдер баракчасына төмөнкү эрежелер кошулушу керек:
# ID_DYNAMIC_AACKGROUND
{
background-color: # FF0000;
}
# ID_DYNAMIC_FACKGROUND: hover
{
background-color: # 00FF00;
}
Динамикалык түрдө өзгөрүлүп турган сүрөтү бар фон түзүү үчүн сиз дагы ушундай кылсаңыз болот.
