Kompüterlər, Proqramlaşdırma
Dekorativ CSS elementləri
Stil vərəqələrinin texnologiyası HTML səhifələri yaratarkən iki funksiyanı yerinə yetirir. Birincisi, onun köməyi ilə saytın fərdi elementlərinin mövqeyi formalaşır. İkincisi, blokları istifadəçi üçün cəlbedici edir. İkinci funksiya müxtəlif yollarla həyata keçirilir. Onlardan biri də vurğulanır. CSS, bu xüsusiyyət mətn dekorasiyası üçün təmin edir.
Öznitelik qeydinin spesifikasiyası
Mətn dekorasiyasının mülkiyyətindən istifadə sadədir. Stil faylının kodundakı element üçün aşağıdakı satırı yazmaq kifayətdir:
Text- bəzək: attribute_value ;
Attribute_value əvəzinə, CSS dəqiqləşdirilməsi bir sıra variantları təklif edir:
- Altı xətt - xətt mətnin altında yerləşir;
- Overline - xətt mətnin yuxarı hissəsindən keçir;
- Yoxdur - bütün dekorativ təsirləri aradan qaldırır;
- Inherit - ana elementin dəyərini qəbul edir.
Üstəlik, qeydin bütün mümkün formaları verilmişdir, çünki bu xüsusiyyət yalnız CSS-nin vurğulanmadığını deyil, həm də digər effektləri, məsələn, mətnin və ya interlacingin "yanıb-söndürülməsini" göstərir.
Köprü dizayn nümunələri
Veb dizayn və proqramlaşdırma başlayanların sualları var: niyə mətnin alt xəttini yaradın? Internet texnologiya dövrünün şəfəqəsində istifadəçi qarşısında bir köprü olduğunu göstərən bu metod - yeni bir səhifəyə tıklanan bir mətn.
Varsayılan olaraq, köprüler bir alt çizgi özelliğine malikdir. Praktikada xəttin qeyri-effektiv elementlərdən çıxarılması və istifadəçi siçan göstəricisini qovduqda görünə bilər. Burada CSS-i işıqlandıran bir nümunədir:
A {text-decoration: none;}
Aşağıdakı giriş aktiv linklər üçün istifadə olunur:
A: hover {text-decoration: underline;}
İrəli üçün dekorativ vurğulamaq
Standart mətn dekorasiya atributu bir neçə məhdudiyyətə malikdir:
- Xəttin rengi liniyanın mətnindən fərqlənmir, onların "rənglərini" ayırmaq mümkün deyil;
- Bir alt sütun kimi yalnız möhkəm bir xətt istifadə olunur. CSS digər konstruksiyaların istifadəsini nəzərdə tutmur.
Lakin xüsusi texnika mətnin klassik dizaynını atmağa kömək edir. İlk halda, əlavə bir < span > etiketi köprüyü müəyyən etmək üçün istifadə olunur.
Məsələn:
hiperlink
A>. P>
Nəticədə, səhifədə söz kölgəsi mavi rəngdə yazılacaq və xətt rengi qırmızı olacaq.
CSS-ni tətbiq etməyə imkan verən bir başqa inkişaf etmiş metod, - sərhədsiz . Aşağıdakı nümunə onun istifadəsini izah edir:
A {border-bottom: 1px qırmızı;}
Nəticədə yuxarıda göstəriləndə olduğu kimi eyni olacaq. Amma bu üsul əhəmiyyətli bir üstünlük təşkil edir. Xəttin rəngini dəyişdirməsinə əlavə olaraq (qırmızı indi qurulur), tərtib etdiyi yolu dəyişdirmək mümkündür:
- Dotted - bir nöqtə vurğulayır;
- Çizilmiş - xətt vuruşdan ibarətdir;
- Double cüt xətt çəkir.
Beləliklə, sərhəddəki alt xüsusiyyət daha funksionaldır. Mətnin altındakı dekorativ xəttin göstərilməsinə əlavə olaraq, onun görünüşünü dəyişməyə imkan verir.
Similar articles
Trending Now