Yuqori teg. Biz CSS teesttadan foydalanamiz
Html teglari va - almashtirish va to'ldirilgan matn
Ta'rif va qo'llanuvi
Yorliq Almashtirish matnini aniqlaydi. O'zgartirish matni ikki baravar kamligi bor va boshlang'ich holatida paydo bo'ladi. Podstantsiya matni kimyoviy formulasini yozishda ishlatilishi mumkin, masalan, H 2 O.
Yorliq Ilg'or matnni belgilaydi. Xabarda to'ldirilgan matnning balandligi ikki baravar kam bo'ladi va dastlabki dastlabki paydo bo'ladi. To'plangan matnni www uchun ko'rsatadigan matnni yozishda ishlatilishi mumkin.
Qo'llab-quvvatlash brauzerlari
Teglar va Barcha asosiy brauzerlar tomonidan qo'llab-quvvatlanadi.
HTML va XHTML o'rtasidagi farqlar
Standart atributlar
Ustun Dtd HTML 4.01 / XHTML 1.0 DTD hujjatning qaysi turidagi hujjatni ko'rsatadi. S \u003d qattiq, t \u003d o'tish va f \u003d frameset.
Teglar va Quyidagi standart atributlarni qo'llab-quvvatlang:
Xususiyat | Qiymati | Tavsif | Dtd |
---|---|---|---|
sinf | namashla | Element uchun sinfning ismini belgilaydi | Stf. |
der. | rtl Lt. |
Elementdagi tarkib uchun matn yo'nalishini belgilaydi | Stf. |
id | identifikator | Buyum uchun noyob identifikatorni bildiradi | Stf. |
lang. | kod_ til | Buyum tarkibidagi til kodi belgilanadi | Stf. |
uslub. | ta'rif_stile_stile | Element uchun o'rnatilgan uslubni belgilaydi | Stf. |
sarlavha | matn | Element haqida qo'shimcha ma'lumotlarni belgilaydi | Stf. |
xML: Lang. | kod_ til | XHTML hujjatlaridagi elementning tarkibi uchun til kodini belgilaydi | Stf. |
Namunaviy atributlar haqida qo'shimcha ma'lumotlar.
Voqealar atributlari
Teglar va Keyingi tadbir atributlarini qo'llab-quvvatlash:
Xususiyat | Qiymati | Tavsif | Dtd |
---|---|---|---|
onclick. | skript | Skriptni skriptni bosganda skript | Stf. |
ondbllick. | skript | Skriptni ikki marta bosish bilan boshlanadi | Stf. |
onemuled. | skript | Sichqonchani bosganda skript | Stf. |
onemousemom. | skript | Sichqoncha ko'rsatgichini harakatga keltirganda skript | Stf. |
onyout. | skript | Skript sichqoncha ko'rsatgichlari elementdan oshib ketganda, skript boshlandi | Stf. |
onmok | skript | Skript sichqoncha ko'rsatgichidan yuqori qismdan yuqori bo'lganida skript boshlandi | Stf. |
onyameup. | skript | Sichqonchani o'chirishda skript boshlandi | Stf. |
onkeydown. | skript | Kalitni bosganingizda skript | Stf. |
onkeyn. | skript | Kalit bosilganda, skriptni ishga tushiring va keyin qo'yib yuboriladi | Stf. |
onkeyup. | skript | Kalit chiqarganda, skript | Stf. |
Qo'shimcha ma'lumot OBO
Matnga nisbatan indeks bazani yuqoriga yoki pastga qarab siljish deb nomlanadi. Ijobiy yoki salbiy ma'nolarga qarab, indeks mos ravishda, yuqori yoki pastki deb nomlanadi. Ular matematika, fizika, kimyo va o'lchash birliklarini belgilash uchun faol qo'llaniladi. HTML indeks yaratish uchun ikkita elementni taklif qiladi: (Ingliz tilidagi shtatdan) - yuqori indeks va (Inglizcha skriptdan) - pastki indeks. Ushbu konteynerlardan birida joylashtirilgan matn kichik o'lchamdagi kattalikdagi asosiy o'lcham va unga nisbatan yuqoriga yoki pastga siljish. 1-misolda matn turini o'zgartirish uchun ushbu elementlar va uslublarning almashish ko'rsatilgan.
Masalan 1. Yuqori va pastki indeksni yaratish
Ikkinchi darajadagi belgilar xarakteristikasi
λ 3 - I. 1λ 2 + I. 2l - I. 3 = 0
Masalan, pastki va yuqori ko'rsatkich bir vaqtning o'zida uchraydi. Indeks shriftining shriftini o'zgartirish uchun uslublar bitta dizaynni belgilaydi (1-rasm).
Anjir. 1. Sayohatlarni qo'llashdan keyin indekslarni ko'rish
Siz odatda foydalanishdan bosh tortishingiz mumkin va uslublar foydasiga. Ushbu elementlarning analoyasi - bu matnni vertikal ravishda belgilangan masofaga siljitish uchun vertikal tekislangan xususiyatdir. Xususan, 2-misolda, 0,8em pastki indeks uchun yuqori indeks va -0,5em uchun qiymat sifatida ishlatiladi. Em nisbiy birlik - bu hozirgi shriftning o'lchamiga teng. Masalan, 0.5em matnni shriftning yarmini almashtirish kerakligini taxmin qiladi.
Masalan 2. indekslarni boshqarish uchun uslublar yordamida
Polinomiya darajasi n.
f (x) \u003d a 0 + A. 1 x + ... + a n-1 X. n-1 + A. n. X. n.
Masalan, formulaning o'zi ko'payish hajmida aks ettiriladi, yuqori indeksning ramzlari qizil rangga va pastki qismga o'rnatiladi (2-rasm).
KSS-dan foydalanib kichik harflarga kichik harflarni va birinchi yuqori ro'yxatga olish (8)
CSS-da KP-takliflar mavjud emas. Boshqa javoblar Matn-transformatsiya: Kapitalizatsiya noto'g'ri, chunki ushbu parametr foydalanadi har bir so'z uchun har bir so'z .
Bu yerda qo'pol Agar xohlasangiz, buni amalga oshirish har bir elementning birinchi harfi edi Katta harfda, ammo bu haqiqiy cheklovlar yonidagi biron bir joyda:
P (matnli aylantirish: kichik harf;) p: birinchi harf (matnni o'zgartirish: bosh harf;)
Bu misol misol.
Bu voqea ikkinchi misol. Va bu boshqasi, lekin u butunlay kamroq bo'ladi.
Katta harfni kichik harfga va har bir jumla uchun birinchi katta harfni, faqat CSS bilan o'zgartiradimi?
Dan: Bu dasturning namunasidir.
Uchun: Bu namunali taklif.
Yangilash: Matnni o'zgartirishdan foydalansam: Kiriting; Natija hali ham bir xil.
Siz buni faqat CSS bilan qila olmaysiz. Matnni o'zgartiradigan atribut mavjud, ammo u hech kimni qabul qilmaydi, katta harflarni bosh harfni qabul qiladi, bosh harfli, katta, kichik va meros oladi.
Siz JS echimiga yoki server echimiga qarashni xohlashingiz mumkin.
Agar siz ushbu belgilarni serverda siz murojaat qilishingiz mumkin bo'lgan kichik harflar bilan tuzishingiz mumkin bo'lsa:
Matnni o'zgartirish: Kapitalizatsiya
Men matnni o'zgartirish katta harflar bilan kiritilgan deb o'ylamayman.
Agar siz foydalanmoqchi bo'lsangiz Bu ishlamaydi yoki siz JavaScript-dan foydalanishingiz kerak bo'lgan matn maydoni
bu yaxshi ishlashi kerak yoki
Bir necha darslar uchun biz allaqachon CSS-ning matn formatlashi bilan rivojlanganmiz va bu safar biz matn registrini o'zgartirishni o'rganamiz. Shu munosabat bilan Uslublar kaskadli vasvasasi biz bilan juda keng imkoniyatlar ochib, aniqroq bo'lsak, biz quyidagicha:
- To'liq harflar bilan butun matnni namoyish eting;
- To'liq harflar bilan butun matnni ajratib ko'rsatish;
- Har bir so'zning birinchi harfi yuqori registrdan boshlanganligini qiling.
"Bu hammasi, albatta, yaxshi, lekin qachon kerak bo'lishi mumkin?" - so'raysiz. Ushbu holatni katta harflar bilan namoyish etishingiz kerak bo'lgan holatni tasavvur qiling. Buning uchun ularni, shu jumladan kaptar tugmachasini, shu jumladan silkit tugmachasini pastga tushirish shart emas. CSS faylida tegishli qoidani yaratish orqali ro'yxatdagi barcha narsalarni belgilash uchun etarli bo'ladi. Va bu juda ko'p mumkin bo'lgan vaziyatlardan biri.
Matnni o'zgartirish xususiyati
Matnni qayta yo'naltirish xususiyati yordamida biz matnli registrni boshqaramiz. Uning 4 ta asosiy qadriyatlari bor - katta harf (kichik harflar), kichik harf (kichik harflar), bosh harflar (har bir birinchi so'z harfi uchun yuqori reestrlar, qolgan qiymatlar o'zgarmaydi), yo'q (formatlash qo'llanilmaydi). Bir qarashda, barchangiz juda qiyin bo'lib tuyulishingiz mumkin.
Asosiysi vahima emas ...
Ammo amalda hamma narsa juda oddiy, hozir nima va ishonch hosil qiling. Asosiysi, to'g'ri selektorni tanlash, chunki matnga aylanadigan mulk qiymatlari meros bo'lib o'tadi.
Kapital harflarni tanlash
Birinchidan, men bosh harflarning butun matnini so'rashni taklif qilaman, chunki biz quyidagi CSS qoidalarini yaratadigan narsalar uchun:
Tana (matnni o'zgartirish: katta harf;)
Aslida, murakkab narsa hech narsa emas, biz shunchaki katta harfdan foydalanganmiz. Aytishlaricha, hamma narsa intuitivdir. Bu hayotga nisbatan shunday ko'rinadi:
Hammasi katta harf bilan ...
Quyi registr - hamma uchun murojaat qiling
Keyingi qadam, keling, kichik harflarni ko'rib chiqamiz, buning uchun quyidagilarni yozamiz:
Tana (matnga aylantirish: kichik harf;)
Siz taxmin qilganingizdek, biz hozirgina uchrashgan ikki ma'noli ba'zi bir darajada antonimlarda. Va quyida keltirilgan rasmda siz faqat yaratilgan mulkning natijasini ko'rishingiz mumkin.
Kichik harflar yoqilganda veb-sahifa
Biz har bir so'zning birinchi harfini yuqori registrga ajratamiz
Buning uchun tegishli qiymatdan foydalanish biz uchun etarli:
Tanasi (matnga aylantirish: kapitalizatsiya;)
Bunday CSS qoidalaridan qanchalik tez-tez foydalanishingiz mumkinligini bilmayman, lekin bu sizning noo'rin muammolarni hal qilishda sizga imkon bermaydi. Natijada quyidagi rasmda ko'rinadi.
Kapitalizatsiya qilingandan so'ng matn
Va nihoyat, keling, qisqacha oxirgi qiymatga e'tibor qarataylik - hech biri. Aytganimdek, u ota-onadan merosni bekor qilish uchun foydalanish mumkin. Masalan, bizda oldingi barcha qoidalar borligini tasavvur qiling va paragraflar ularni bekor qilishimiz kerak, chunki biz quyidagilarni yozamiz:
P (matnga aylantirish: yo'q;)
Agar yo'q bo'lsa, hamma narsa sizga aniq deb taxmin qilishga jur'at etaman - savollaringizni sharhlar bilan so'rang. Va bu erda menda hamma narsa bor. Umid qilamanki, ushbu dars siz uchun foydali bo'ldi. Agar bu haqiqat bo'lsa:
- Boshqa odamlar undan foyda olishlari uchun ijtimoiy tarmoqlar bo'yicha ushbu maqolani repost qilish;
- Blogda foydali va qiziqarli nashrlarni o'tkazib yubormaslik uchun mening xabarnomamga obuna bo'ling.
Siz bilan xayrlashmayman. Uchrashuvga quyidagi adabiyotlar bo'yicha sizning e'tiboringiz uchun rahmat!
CSS sizga HMTL Tilidan foydalangan holda taqdim etiladigan moslashuvchan matn sozlamalarini amalga oshirishga imkon beradi. Bugun biz sizga shrift reestrini o'zgartirish qobiliyatini beradigan "matn o'zgarish" xususiyati ko'rib chiqamiz. Ushbu parametr barcha zamonaviy brauzerlar tomonidan qo'llab-quvvatlanadi va barcha CSS versiyalarining spetsifikatsiyasiga kiritilgan.
Maqsad
Matnga aylantirish xususiyati uchta asosiy qiymatni va ikkita qo'shimcha narsani olishi mumkin. Masalan, siz yuqori registrni butun ajratilgan matnga tayinlashingiz mumkin. Yoki barcha belgilar qatoriga aylangan oldingi mulkka buyruq berishingiz mumkin. Siz uchun qulay bo'lgan har qanday usuldan foydalanib uchrashuvdan foydalanishingiz mumkin. Masalan, o'rnatilgan uslublardan foydalanish. Yoki siz yaratishingiz mumkin
Barcha xususiyatlarning tavsifi bilan alohida fayl. Topshiriq usulidan nimadan foydalanish, faqat sizni hal qilish kerak. "Matnni o'zgartirish" quyidagi qiymatlarni qabul qilishi mumkin:
- Katta harf. Barcha tanlangan belgilarni poytaxtda qiladi. CSS bosh harflar ko'pincha topiladi, chunki ushbu qiymat matn bilan bog'liq ko'plab murakkab vazifalarni hal qilishga yordam beradi.
- Kichik harf. Ushbu mulk katta harfga mutlaqo qarama-qarshi.
- Kapitalizatsiya. Birinchi harf reestrini yuqoriga qarab o'zgartiradi. Qolgan belgilar o'zgarmaydi.
- Yo'q. Belgilangan barcha qiymatlarni bekor qilishga imkon beradi (mulkni oldindan belgilash kerak). Qoida tariqasida, ushbu qiymat odatiy holatda o'rnatiladi.
- Meros qilib oling. Ota-ona elementining barcha xususiyatlarini meros qilib oladi. Ta'kidlash kerakki, ya'ni bu xususiyatni qo'llab-quvvatlamaydi.
Ariza
CSS-dan foydalanish, bitta oddiy buyruq yordamida yuqori registr (yoki shunga o'xshash effektlar) o'rnatilgan. Shuning uchun, butun matnni o'zgartirish yoki qayta yozishning hojati yo'q. Agar biz bitta sahifali sayt haqida gapiradigan bo'lsak, unda bu mulk foydali bo'lmasligi mumkin. Ammo sizning boshqaruvingiz ostida katta portal bo'lsa, unda ba'zi bo'laklarda harflar reestrini tuzatishingiz kerak, "Matnga aylantirish" yagona samarali vositaga aylanadi. Masalan, siz "H2" sarlavhalarida shriftni tuzatishingiz kerak. Buning uchun arizani qo'shing: "H2 (matnli transformatsiya: bosh harflar;), va keyin ikkinchi darajali sarlavhalar eng yuqori registrga ega bo'ladi.
Xususiyatlari
Ba'zilar, matnli o'zgaruvchan mulkdan foydalangan holda qo'llanma matnni qayta ishlash va almashtirishning biron bir farqiga ega emasligiga ishonishlari mumkin. Ammo bu unday emas. Agar siz bosh harf bilan (yuqori ro'yxatga olish) qo'lda o'zgargan bo'lsangiz, unda ushbu ma'lumotlarni saytingizdan nusxalashda belgilar o'zgarishsiz qoladi. Agar siz CSS tilidan foydalansangiz, unda hamma narsa boshqacha bo'ladi. Matnni o'zgartirish xususiyati faqat shriftni o'zgartiradigan foydalanuvchilar uchun vizualdir. Ammo aslida belgilar o'zgarishsiz qoladi. Bu ushbu mulkning barcha qadriyatlari bilan sodir bo'ladi. Ma'lumotni nusxalash (matn) dastlabki registrga ega bo'ladi, bu sahifaning dastlabki kodida qo'llaniladi. Bu qo'lni qayta ishlash va CSS buyruqlarini ishlatish o'rtasidagi yagona farq.
Siz nimadan foydalanishni xohlamasligingizdan qat'iy nazar - pastki yoki yuqori registr, asosiy narsa, maqsadni unutmang. Masalan, agar sizga faqat dekorativ maqsadga ega bo'lsa, siz matnli o'zgaruvchan mulkni xavfsiz qo'llashingiz mumkin. Xo'sh, agar siz o'zingiz foydalanuvchilar sizning xabarlaringizni aniq nusxalashlarini bilsangiz, butun matnning reestrini qo'lda o'zgartirish yaxshiroqdir. Axir, ba'zida o'quvchilar bunday shriftni almashtirishmaydi. Bu muhim hujjatlar va shunga o'xshash ma'lumotlar haqida gap ketganda juda muhimdir.