Егер веб-сайтқа кірушінің браузері парақ кодында сілтемелердің түрлі-түсті дизайны туралы ешқандай анықтама таппаса, онда ол әдепкі мәндерді пайдаланады. Бұл мәндер пассивті сілтемелер үшін көк, белсенді сілтемелер үшін қызыл және қазірдің өзінде кірген сілтемелер үшін қызыл-қызыл түс. Бұл түстер схемасы әрдайым парақ безендіруінің түс схемасымен біріктіріле бермейді, сондықтан сілтеме стилінің сипаттамаларының блогы әдетте кодқа енгізіледі.
Нұсқаулық
1-қадам
Браузерге сілтеме түстерін үш күйде сипаттайтын нұсқаулар жиынтығын жасаңыз. Мысалы, ол келесідей болуы мүмкін: а: сілтеме {түс: қызыл;}
а: кірді {түс: сары;}
a: hover {color: Orange;} Мұнда әр жолдың басындағы «а» «селектор» деп аталады және браузер бұйра жақшаға алынған стиль сипаттамасын қолдануы керек тегті көрсетеді. «А» - бұл еренсілтеме тэгі. Көп нүктемен бөлінген селекторға қосылатын сөз «жалған класс» деп аталады - браузер бұйра жақшалардағы стильдің қандай сілтеме күйіне жататынын анықтайды. сілтеме кәдімгі сілтемеге сәйкес келеді, оған кірген сілтемеге кіріп, сілтеме курсордың үстінде тұрған кезде оны апарыңыз. Бұйра жақшалардың ішіндегі түс параметріне тағайындалған түстер түс реңкінің атымен де, он алтылық кодымен де көрсетілуі мүмкін.
2-қадам
Егер сізге парақтың әр түрлі сілтемелер тобына әр түрлі түстер тағайындау қажет болса, онда әр топқа өзінің белгіленуін тағайындаңыз («класс») және олардың әрқайсысы үшін стильдердің жеке сипаттамасын жасаңыз. Мысалы, бір топты LinksRed, ал екіншісін LinksGreen деп атаңыз. Сонда стиль сипаттамасы келесідей болады: a. LinksRed: сілтеме {color: Red;}
a. LinksRed: кірді {түс: сары;}
a. LinksRed: меңзер {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: кірді {color: DarkGreen;}
a. LinksGreen: меңзер {color: Lime;} Әр топтың сілтемелерінің тегтерінде олардың қай сыныпқа жататынын көрсету керек. Мысалы: Қызыл сілтеме
Жасыл сілтеме
3-қадам
Бұл нұсқаулық CSS-те жазылған (кестелер кестесінің каскадтық кестесі), сондықтан оларды HTML (HyperText Markup Language) тілінде жазылған парақтың бастапқы кодындағы басқа нұсқаулардан бөлетін стиль тегінің ішіне орналастыру қажет:
a. LinksRed: сілтеме {түс: қызыл;}
a. LinksRed: кірді {түс: сары;}
a. LinksRed: меңзер {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: кірді {color: DarkGreen;}
a. LinksGreen: меңзер {color: Lime;}
4-қадам
Дайындалған сілтеме стилін сипаттау блогын парақтың бастапқы кодының тақырып бөліміне орналастырыңыз - және және тегтермен бөлінген.
