Dekorativ chizilgan CSS elementlari

Uslublar jadvallari texnologiyasi HTML-sahifalarni yaratishda ikki vazifani bajaradi. Birinchidan, uning yordamida saytning individual elementlari joylashadi. Ikkinchidan, blokni foydalanuvchiga ingl. Jozibador qiladi. Ikkinchi vazifa turli yo'llar bilan amalga oshiriladi. Ulardan biri shubhasizdir. CSS bu xususiyatni matnni bezatishni ta'minlaydi .

Xususiyat yozuvining spetsifikatsiyasi

Matn- bezakning xususiyatidan foydalanish oddiy. Uslub fayli kodidagi element uchun quyidagi qatorni yozish kifoya:

Matn bezatish: attribute_value ;

Attribute_value o'rniga, CSS spetsifikatsiyasi bir qator imkoniyatlarni taqdim etadi:

• Chizilgan chiziq - matn to'liq matn ostida joylashgan;
• Overline - yo'nalish matnning yuqorisidan o'tadi;
• Hech kim - barcha dekorativ effektlarni yo'qotish;
• Inherit - yuqori element qiymatini qabul qiladi.

Yuqorida, yozib olishning barcha mumkin bo'lgan shakllari berilmaydi, chunki bu atribut faqatgina CSS-ni ta'kidlaydi, balki boshqa effektlarni, masalan, matnni yoki uning interlacingni "milt-miltlash" ni bildiradi.

Ko'prik dizayni misollar

Veb-dizayn va dasturlashning boshlanuvchilariga savol berildi: nima uchun matnning pastki satrini yaratmoqchisiz? Internet texnologiyalari davrining boshida, ta'kidlashning bu usuli, foydalanuvchiga old tomonida ko'prik borligini ko'rsatib berdi - bu yangi sahifaga sig'adigan matn.

Odatiy bo'lib, ko'priklar taglavhalar xususiyati mavjud. Amalda, chiziqni faol bo'lmagan elementlardan olib tashlash va foydalanuvchining sichqonchani ko'rsatgichidan foydalangan holda paydo bo'lishiga sabab bo'ladi. CSS-ni o'chirib tashlaydigan kod misoli quyida keltirilgan:

A {text-decoration: yo'q;}

Quyidagi yozuv faol havolalar uchun ishlatiladi:

A: hover {matn-bezatish: tagida;}

Ilgari chiroyli chizilgan

Standart matni bezatish xususiyati bir nechta cheklashlarga ega:

• Qatorning rangi havola matnining rangidan farq qilmaydi, ularning "ranglarini" farqlash mumkin emas;
• Pastki chiziq sifatida faqatgina mustahkam chiziq ishlatiladi. CSS boshqa konstruktsion uslublardan foydalanishni nazarda tutmaydi.

Biroq maxsus metodlar matnning mumtoz dizayni o'tishiga yordam beradi. Birinchi holda, ko'prikni aniqlash uchun qo'shimcha < span > teg ishlatiladi.

Masalan: