Cascading Style Sheets (CSS) атрибуты көбінесе веб-парақтардағы гиперсілтемелер түсін өзгерту үшін қолданылады. Бұл мәселені шешудің азырақ шешімдері HTML тілінде (HyperText Markup Language - «гипермәтіндік белгілеу тілі»).
Бұл қажетті
HTML және CSS тілдерін білу
Нұсқаулық
1-қадам
Гиперсілтемелерге арналған сәндеу блогын дайындаңыз. Қарапайым түрінде ол келесідей болуы мүмкін: {түс: Жасыл} Мұндағы «а» «селектор» деп аталады, бұл жақшаның ішіндегі стиль сипаттамасын құжаттағы барлық сілтеме белгілеріне қолдану керек екенін көрсетеді. Жасыл сілтеме түсін анықтайды; бұл түске қатысты өте дөрекі анықтама және сирек қолданылады. Көбінесе «а» селекторына «жалған класс» қосылады - бұл сілтеме стилін үш түрлі күйде анықтауға мүмкіндік беретін белгі.
2-қадам
Сілтеменің қалыпты (белсенді емес) күйін стильдеу үшін жалған класты қолданыңыз. Бұл келесідей болуы мүмкін, мысалы: a: link {color: Green}
3-қадам
Сілтеме Hover-де қалай пайда болатынын көрсету үшін псевдо-кластың сүйреуішін пайдаланыңыз. Мысалы: a: hover {color: Lime}
4-қадам
Бұрын кірген сілтеменің мәнерін сипаттау үшін кірген псевдо-класты пайдаланыңыз. Мысалы: a: visit {color: DarkGreen}
5-қадам
Барлық үш күйді бір стильді сипаттау блогына біріктіріңіз. CSS сипаттамаларын қамтитын HTML кодының көрінісі, мысалы, келесідей болуы мүмкін:
а: сілтеме {түс: жасыл}
а: кірді {color: DarkGreen}
a: hover {color: Lime}
Мұнда HTML стилінің ашылуы және жабылуы тегтер браузерге стиль сипаттамалары қай жерде басталатынын және аяқталатынын айтады, және олардың арасында үш күйдегі сілтеме мінез-құлқының сипаттамасы бар.
6-қадам
Жоғарыда қолданылған үлгі тек түс сипаттамаларын көрсетеді, бірақ сипаттамаға басқа атрибуттарды қосуға болады. Мысалы, егер парақтың дизайны сілтеменің асты қалыпты (енжар) күйінде сызылмауын, бірақ меңзердің үстіне апарылған кезде сызылғанын талап етсе, онда кодты келесідей өзгертуге болады:
а: сілтеме {түс: жасыл; мәтіндік безендіру: жоқ;}
а: кірді {түс: DarkGreen; мәтіндік безендіру: жоқ;}
a: hover {color: Lime; мәтіндік безендіру: астын сызу;}
7-қадам
Егер сіз парақтағы кейбір сілтемелердің түсін өзгертіп, қалғандарын әдепкі параметрлермен қалдырғыңыз келсе, онда өзгертіліп жатқан әр сілтеменің тегіне класс атрибутын қосыңыз. Мысалы, осы гипершилтілік сыныбын newLinks деп атаңыз. Содан кейін сілтеме тегі келесідей болуы мүмкін: мәтіндік сілтеме Стиль сипаттамасына бірдей сынып атауы қосылуы керек:
a.newLinks: сілтеме {түс: жасыл; мәтіндік безендіру: жоқ;}
a.newLinks: кірді {түс: DarkGreen; мәтіндік безендіру: жоқ;}
a.newLinks: hover {color: Lime; мәтіндік безендіру: астын сызу;}
8-қадам
Жоғарыда сипатталған мысалдардан дайындалған стильді сипаттау кодын парақтың тақырыбына орналастырыңыз - және тегтер арасында. Қажет болса, сілтеме тегтеріне класс атрибутын стиль сипаттамаларында қолданылатын атымен қосыңыз. Содан кейін өзгертілген парақты сақтаңыз және гипер сілтемелер түсін өзгерту процедурасы аяқталады.
