Хэрэв вэбсайтын зочдын хөтөч хуудасны кодоос гипер холбоосын өнгө дизайны шинж тэмдэг илрээгүй бол анхдагч утгыг ашигладаг. Эдгээр утга нь идэвхгүй холбоосуудын хувьд цэнхэр, идэвхтэй (hover дээр) холбоосуудын хувьд улаан, аль хэдийн зочилсон холбоосуудын хувьд ягаан өнгийн өнгөний өнгө юм. Энэ өнгөний схемийг хуудасны дизайны өнгөний схемтэй тэр бүр хослуулдаггүй тул холбоосын хэв маягийн тодорхойлолтыг ихэвчлэн кодонд багтаасан байдаг.
Зааварчилгаа
1-р алхам
Хөтөч дээр гурван муж дахь холбоосын өнгийг дүрслэх багц зааврыг бий болго. Жишээлбэл, энэ нь дараах байдалтай байж болно: a: link {color: Red;}
a: зочилсон {өнгө: Шар;}
a: hover {color: Orange;} Энд мөр бүрийн эхэнд байгаа "а" -г "сонгон шалгаруулагч" гэж нэрлэдэг бөгөөд хөтөч нь буржгар хаалтад хавсаргасан хэв маягийн тодорхойлолтыг хэрэглэх ёстой шошгыг зааж өгдөг. "А" нь холбоосын хаяг юм. Бүдүүн цэгээр тусгаарлагдсан сонгогч дээр нэмсэн үгийг "хуурамч анги" гэж нэрлэдэг бөгөөд хөтөч нь буржгар хаалт дахь хэв маягийг аль холбоос төлөвт хамааруулж байгааг тодорхойлдог. холбоос нь ердийн линктэй таарч, аль хэдийн зочилсон холбоосоор зочлох ба курсор дээгүүр гулсаж байх үед холбоосыг байрлуулна. Буржгар хаалт доторх өнгөний параметрт оногдсон өнгийг өнгөний сүүдэрийн нэр эсвэл арван зургаатын кодоор тодорхойлж болно.
Алхам 2
Хэрэв та хуудсан дээрх янз бүрийн бүлгүүдэд янз бүрийн өнгө хуваарилах шаардлагатай бол бүлэг тус бүрийг өөрийн гэсэн тэмдэглэгээг ("анги") хуваарилж, тус бүрийн хэв маягийг тусад нь тайлбарлана уу. Жишээлбэл, нэг бүлгийг LinksRed, нөгөө хэсгийг LinksGreen гэж нэрлэ. Дараа нь хэв маягийн тодорхойлолт дараах байдалтай байх болно: a. LinksRed: link {color: Red;}
a. LinksRed: зочилсон {өнгө: Шар;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: зочилсон {өнгө: DarkGreen;}
a. LinksGreen: hover {color: Lime;} ба бүлэг тус бүрийн холбоосуудын шошгон дээр та аль ангид харьяалагдахыг зааж өгөх ёстой. Жишээ нь: Улаан холбоос
Ногоон холбоос
Алхам 3
Эдгээр зааврууд нь CSS (Cascading Style Sheets) дээр бичигдсэн байдаг тул HTML (HyperText Markup Language) дээр бичигдсэн хуудасны эх кодын бусад заавруудаас тусгаарласан хэв маягийн шошго дотор байрлуулах шаардлагатай:
a. LinksRed: холбоос {өнгө: Улаан;}
a. LinksRed: зочилсон {өнгө: Шар;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: зочилсон {өнгө: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Алхам 4
Хуудасны эх кодын толгой хэсэгт бэлтгэсэн холбоосын хэв маягийн тодорхойлолтыг байрлуулна уу.
