Cheat Qoraqalpog'iston: matn CSS aniqlash uchun qanday

uning Visual e'tiroz uchun foydalanuvchilar tomonidan qimmatli veb-resurs. Shuning uchun, hatto foydali matn axborot tufayli u yomon mo'ljallangan, deb aslida o'qib bo'lmaydi. Xulosa - diqqat va ehtiyotkorlik bilan, sahifalar semantik tarkibi, balki uning Visual taqdimotiga nafaqat ehtiyoj. CSS texnologiya kelish jozibador maqolalar yaratish imkoniyati oshdi. indent CSS matn - yozilgan hissi osonlashtirish uchun mo'ljallangan xususiyatlari, biri.

Marj va padding: qanday farq bor?

Matnni formatlashtirish uchun oldin, siz nima chegaralariga va to'ldirishga tushunish kerak. Ba'zi hollarda bu formatlash elementlari foydalanuvchiga bir xil qarash qaramay, ular o'rtasidagi asosiy farqlar bor:

• maydon padding mulk, Chuqurchaga belgilaydi - chegarasiga;
• maydon mazmuniga va blok chegarasida, bir kosmik o'rtasida farq bilan aniqlanadi - qo'shni bloklar chegaralari orasidagi;
• olgan, hajmi element (kengligi va balandligi) va hech sifatida ko'rib chiqilishi mumkin.

chet mulk

Shunday qilib, gorizontal yoki vertikal padding CSS matnni belgilash dizayn chegarasiga foydalanish. Bu xususiyat yorlig'i

paragraf ustasi hujjat uchun amal qiladi. oddiy holda, u yozilishi mumkin:

margin: 12px.

Bu yo'l har tomondan matn (yoki har qanday boshqa bloklar) bir blok atrofida çentiğe 12 piksel bayrok degan ma'noni anglatadi. intervalini oshirish uchun, masalan, uch marta yozish kifoya:

margin: 36px.

Lekin nima bo'lsa oralig'ida bloklari o'rtasida har bir tomonida har xil bo'lishi kerak? Veb-ishlab chiquvchilari yozuvlar bir necha shakllari foydalanish:

1. margin: 11px 22px.
2. margin: 11px 22px 33px.
3. margin: 11px 22px 33px 44px.

22 piksel - birinchi misolda, belgi 11 piksel blok tomondan, blok quyi va yuqori chegaralarini qilingan. har bir tomonida 33 pikselga - - yuqori chekka va mazmuni o'rtasidagi ikkinchi rekord birligiga ko'ra quyi o'rtasida, 11 piksel bo'ladi 22 piksel. Uchinchi ishi CSS indent matnda yuqoridan 11 piksel, o'ng tomoni 22 piksel, 33 piksel va pastki chap 44 piksel qiymatiga ega bo'ladi.

margin-top, chet-bottom: ham mavjud, faqat bir tomondan blok chegarasida uzoqliligi yozib olish qobiliyatidir , chet-chapga, chet-to'g'ri. Rus tilida xususiyatlari nomlarini tarjima, ularning tayinlanishi haqida taxmin qilish qiyin emas. Misol uchun, quyidagi yozuv o'ngdagi belgi 22 piksel teng bo'ladi, deb ko'rsatadi:

margin-to'g'ri: 22rh.

taxmin blokda ikki atrofida qolgan masofa uchun ota-element qiymati teng bo'lishi uchun.

Marj mulk dasturchi vertikal CSS matn cökertilmiş foydalanish paytida eslash kerak xususiyatlarga ega. qo'shni elementlar interval ifodalasa, va bir-biriga ustiga emas. 15px va qo'shni blok chet-yuqori quyida: Misol uchun, birliklari biri chet-pastki, deylik 35px. Maktab arifmetik va umumiy tuyg'u ular o'rtasida jami intervalli 50 piksel bo'ladi taqozo. Amalda u emas. Mulk chet «kırlangıcın" qo'shnisiga katta qiymati bilan bir blok. Natijada, elementlar orasidagi interval 35 piksel bo'lgan.

"Qizil" liniyasi

matn muharriridan hujjatni qilish, foydalanuvchilar "qizil" yo'nalish bilan har bir yangi xatboshiga so'rash afzal. foydalanish matn-indent dizayni - chapdagi CSS matn Chuqurchaga foydalanish qilish oson. Bu kabi uni yoziladi:

matn-indent: 11px.

Bu bandning birinchi layn 11 piksel chap chetida buzilishi nisbatan banddir bo'ladi. qarab ko'proq muharriri bir hujjat kabi veb-sahifasida matn qilish uchun, siz, ya'ni, yozish qo'shimcha asos o'rnatish kerak:

matn-indent: 11px;

matn-align: oqlash.

piksel tashqari, boshqa belgilarini birliklar foydalanish Tavsifidan - inch foiz da'vo qiladi. birligi 10% CSS matn çentiğini ega bo'lsin. 500 piksel blok kengligi, qizil chiziq 50 piksel (500 10%) bo'ladi.

Bu xususiyat uchun qiymatini meros qilib namoyish qilinishi mumkin. Bu rekord birligi ota birlik shu kabi mol foydalanadi, deydi.

matn-indent: inherit.

Ajablanarlisi shundaki, belgi salbiy qiymatlarni olishi mumkin! Bu holda, prognozlar deb atalmish tomonidan tashkil etiladi, deb asosiy matn joyda qolmoqda, va birinchi liniyasi 22 piksel chapga banddir bo'ladi:

matn-indent: -22px.

harflar sohasida tuzilishini aniqlash uchun foydalanish kerak matn-bir chuqurchaga tashqari, brauzer chap chegarasi orqali o'tgan emas:

padding-chapga: 22px.

foydali maslahatlar

uchun CSS asosiy xususiyatlari , matnni formatlash hisoblanadi. Va ularga yordam amaliyotini tuzatish. Bu yerda veb-rivojlantirishda o'rgangan moddiy qo'llash uchun qanday bir necha yakuniy maslahatlar:

• qizil chiziq va matn belgi - turli tushunchalar va ularning hidoyatiga uchun ishlatiladigan turli xususiyatlari;
• vertikal belgi qoidalari matematika taalluqli emas - vaqti bilan kesishadi, katta qiymati bilan elementi "g'olib";
• salbiy belgi, rasm bilan bir bandning birinchi qatorni belgilash uchun ishlatiladi.