Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ

Агуулгын хүснэгт:

Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ
Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ

Видео: Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ

Видео: Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ
Видео: ПРОЕКТЫ - мастер классы по вязанию крючком. Вяжем: кардиган, платье, ажурную летнюю кофточку, жакет 2024, May
Anonim

Сайт дээр ажиллах явцад мэргэжлийн вэбмастерууд болон сайтыг шинэчлэх ажил хийдэг, гэхдээ мэргэжлийн бус хүмүүс хоёулаа вэб нөөцийн хэв маягт янз бүрийн өөрчлөлт хийдэг. Жишээлбэл, та ямар нэгэн шалтгаанаар сайт дээрх холбоосуудын өнгийг өөрчлөх шаардлагатай болж магадгүй юм.

Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ
Сайт дээрх холбоосуудын өнгийг хэрхэн өөрчлөх вэ

Энэ тохиолдолд холбоосын өнгө нь CSS (Cascading Style Sheets) - cascading style sheet ашиглан өөрчлөгдөж байгааг та мэдэх хэрэгтэй. Эдгээр нь вэб нөөцийг бий болгоход програмчлалын хэлтэй хамт хэрэглэгддэг хүснэгтүүд юм. CSS нь сайтын бүтцийг, өөрөөр хэлбэл түүний хэв маяг, гадаад төрх, html - нөөцийн агуулгыг хариуцдаг. CSS бол HTML-ийн хувьслын үргэлжлэл юм.

Сайт дээрх холбоосын өнгө

Тиймээс, та холбоосын өнгийг бүхэлд нь сайтын хувьд, мөн холбоос бүрийн хувьд тус тусад нь өөрчилж болно. Холболтын өнгийг үндсэн шошгын шинж чанар болгон тохируулна. Аттрибут бол кодонд бичих шаардлагагүй зүйл юм, учир нь тэдгээрийн зарим нь анхдагчаар тохируулагдсан байдаг. Холбоосын шинж чанар нь сайтын хуудсан дээрх холбоосуудын өнгийг тодорхойлдог. Анхдагч нь цэнхэр байна. Алинк бол идэвхтэй холбоосуудын өнгийг тодорхойлдог шинж чанар бөгөөд анхдагчаар улаан өнгөтэй байна. Vlink - зочилсон холбоосууд, тэдгээрийн нийтээр хүлээн зөвшөөрсөн өнгө нь ягаан юм.

Ихэнх тохиолдолд вэб хуудсан дээрх холбоосын өнгө нь арван зургаатын тэмдэглэгээ (#EEEEEE - саарал) эсвэл rgb форматаар (# 808080 - саарал) тохируулагддаг боловч та англи хэлний уламжлалт тэмдэглэгээг (саарал - саарал) ашиглаж болно. Нэмж дурдахад өнгөийг градусаар тохируулж болно, HSL формат нь үүнд тохиромжтой. Өнгөт графикийг интернетээс олоход хялбар байдаг.

Холбоосуудын өнгийг өөрчлөх

Хуудсан дээрх бүх холбоосын өнгийг өөрчлөхийн тулд хэв маягийн өнгөт шинж чанарын өнгийг өөрчлөхөд хангалттай. Үүнийг хийхийн тулд style.css файлыг олж нээгээд шинж чанараа олоорой. Жишээлбэл, A {өнгө: ногоон; / * Холбоосын өнгө * /}, энд А нь холбоос бөгөөд өнгө нь бид ногоон болж хувирдаг. Өнгөний тэмдэглэгээний аль ч системийг ашиглан өнгөт утгыг хүссэнээрээ өөрчилж болно. Хөтөч таныг "ойлгох" болно. Энэ хэв маяг нь вэб хуудасны бүх холбоосуудад хамаарна. Та бусад шинж чанаруудын өнгийг ижил аргаар өөрчилж болно, жишээлбэл хулганы курсороор холбосон холбоосын өнгө.

Вэб хуудсан дээр өөр өөр өнгөөр холбоос хийхийн тулд хэв маягийн дараах оруулгыг ашиглана уу.

.menu a {өнгө: саарал; }

. агуулга a {өнгө: ногоон; }

Энэ жишээнээс харахад цэсийн холбоосууд саарал, агуулгын блок дахь холбоосууд нь ногоон өнгөтэй болно.

Хэрэв хэв маяг нь тусдаа файлд биш, харин html баримт бичигт байгаа бол ижил алхамуудыг холбоосуудаар хийж болно. Эдгээр нь контекст сонгогчид юм.

Хэрэв та стилийг хурдан засах, холбоосын өнгийг өөрчлөхийг хүсвэл Dreamwever харааны редакторыг ашиглах нь дээр. Санаж явах гол зүйл бол холбоосууд нь бүх вэб хуудастай холбоотой органик харагдах ёстой. Хөнгөн дэвсгэрүүдийн хувьд харанхуй холбоосууд илүү сайн байдаг, харин эсрэгээрээ байдаг.

Зөвлөмж болгож буй: