HTML дэх холбоосуудын дэлгэцийн параметрүүдийг өөрчлөхдөө cascading css загварын хуудас ашиглан хийж болно. Эдгээр нь холбоос фонтын дэлгэц, хэрэглэгчийн товшихоос өмнө хулганаа дарахаас өмнө өнгөөр нь өөрчлөх боломжийг танд олгоно. Та мөн ашигласан фонтын үсгийн хэлбэр, хэмжээг өөрчилж болно.
Зааварчилгаа
1-р алхам
Ангилал ба хуурамч ангиудыг css-д холболтын параметрүүдийг тохируулахад ашигладаг. Хуурамч класс a: холбоос нь ердийн холбоосын хэв маягийг тохируулдаг, a: зочилсон нь аль хэдийн ашиглагдсан холбоосын дэлгэцийг өөрчлөх боломжийг олгодог. A: курсорыг элемент дээр товшиход tag-ийн параметрүүдийг идэвхжүүлдэг бөгөөд a: hover нь холбоосын дээгүүр дээгүүр байрлуулахад түүний хэв маягийг тохируулдаг. Та мөн элементэд зориулж дурын анги үүсгэж болох бөгөөд параметрүүддээ текстийг форматлах стандарт операторуудыг ашиглана уу.
Алхам 2
Хөтөч дээрх холбоос текстийн доогуур зураас харуулахыг идэвхгүй болгохын тулд text-decor: none параметрийг ашиглана уу. Та энэ шинж чанарыг анги болон псевдо ангиллын аль алинд нь зааж өгч болно. Холбоосын өнгийг өөрчлөхийн тулд өнгөний параметрийг стандарт фонтын хэмжээтэй атрибут ашиглана уу. Хэрэв та тод эсвэл налуу хэлбэрийг оруулахыг хүсвэл фонтын жингийн параметрийг ашиглана уу.
Алхам 3
Хуудасны кодыг засварлахдаа ашигладаг текст засварлагч ашиглан html файлаа нээнэ үү. Үүний дараа баримт бичгийнхээ хэсэг рүү ороод бариул ашиглан хуудсан дээрх ирээдүйн холбоосуудын css кодыг тохируулна уу. Жишээлбэл:
Холбоосыг өөрчлөх
a: холбоос {текст чимэглэл: байхгүй;
үсгийн хэмжээ: 14px;
үсгийн жин: тод;
өнгө: улаан; }
Алхам 4
Энэ код нь ердийн холбоосоос доогуур зураасыг арилгаж, текстийн хэмжээг 14 пиксел болгож, тод, хэв маягийн элементийн улаан өнгө хэрэглэнэ. Одоо шошгоны аль ч холбоосыг ийм байдлаар харуулах болно.
Алхам 5
Та css ангиудыг ашиглан тодорхой холбоос бүрийн загварыг засах боломжтой. Тиймээс, шошгоны код дараах байдалтай байвал:
a.link1 {фонтын хэмжээ: 20px; өнгө: хар;}
Алхам 6
Баримтын үндсэн хэсэгт байгаа ангийг ашиглан холбоосын хэмжээг 20 пиксел ба хар болгож тохируулж болно.
Холбоос
Жишээнээс харахад холбоосын class атрибутыг зааж өгөөд холбоосыг үүсгэсэн алхамыг буцааж CSS кодын анги болгосныг харж болно. Энэ холбоосыг одоо хар өнгөөр харуулах бөгөөд 20 пикселийн хэмжээтэй болно. Энэ шинж чанарыг өөрчлөхийн тулд хуудасны хэсгийн css кодыг засах хэрэгтэй.
Алхам 7
Холбоосын дүр төрхийг өөрчлөх нь бүрэн хийгдсэн тул файлд оруулсан өөрчлөлтийг хадгалж, хөтөч дээр үзэх боломжтой.
