Ko'proq uslub va tartibni nazorat qilish uchun CSS-da span va div dan foydalaning.
Veb-dizayn va HTML / CSS-ga yangi bo'lgan ko'plab odamlar veb-sahifalarni yaratishda va Div elementi veb-sahifangizdagi mantiqiy bo'linishni belgilaydi. Bu mantiqan tartibda boshqa HTML elementlarini joylashtirishingiz mumkin bo'lgan bir quti. Bo'limda paragraflar, sarlavhalar, ro'yxatlar, havolalar, tasvirlar va boshqalar kabi boshqa ko'plab boshqa elementlar bo'lishi mumkin. U HTML hujjatingizga qo'shimcha tuzilish va tashkilotni taqdim etish uchun uning ichida boshqa bo'linmalar ham bo'lishi mumkin. Div elementidan foydalanish uchun div ning tarkibi Agar sizning sahifangiz maydoni keyinchalik CSS bilan uslubda foydalanadigan qo'shimcha ma'lumotga muhtoj bo'lsa, siz id tanlash vositasini (masalan, id = "myDiv">) yoki sinf tanlash (masalan, class = "bigDiv">). Keyinchalik, bu xususiyatlar CSS yordamida yoki JavaScript yordamida o'zgartirilgan bo'lishi mumkin. Hozirgi eng yaxshi amaliyotlar ID identifikatorlari o'rniga sinchkovlik bilan tanlovchilarni qo'llashga nisbatan yaqqol ko'rinib turadi. Haqiqatan ham, siz ikkalasini ham ishlatishingiz mumkin, hatto ikkala ID va sinfi tanlash ham bo'linishi mumkin. Div elementi HTML5 bo'limidan farq qiladi, chunki u yopiq kontentni semantik ma'noga bermaydi. Kontentlar bloki div yoki bo'lim bo'ladimi-yo'qligiga ishonchingiz komil bo'lmasa, qaysi element va mazmunning maqsadi sizdan qaysi qarorni ishlatishga yordam berishini o'ylab ko'ring: Va nihoyat, ikkala divs va bo'limlar ham xuddi shunday harakat qilishadi va siz ulardan biriga veb-saytingizning ko'rinishini olish uchun qadriyatlarni va uslublarini CSS-ga berishingiz mumkin. Har ikkisi ham blok darajadagi elementlardir. Span elementi sukut bo'yicha satr ichidagi element hisoblanadi. Bu esa, uni div va bo'lim qismlaridan ajratib turadi. Span elementi odatda ma'lum bir tarkibiy qismini, odatda matnni o'rash uchun ishlatiladi, keyinchalik unga qo'shimcha "kanca" berilishi mumkin. CSS bilan ishlatilsa, u o'z ichiga olgan matnning uslubini o'zgartirishi mumkin; Lekin, uslubiy atributlarsiz, span elementi faqat matnga hech qanday ta'sir ko'rsatmaydi. Bu span va div elementlarining asosiy farqidir. Yuqorida ta'kidlab o'tilganidek, div elementi xatboshiligini o'z ichiga oladi, lekin span elementi faqat brauzerga teglar bilan biriktirilgan narsaga tegishli CSS uslubi qoidalarini qo'llashni bildiradi: ta'kidlangan matn va ajratilmagan matn. CSS bilan matnni tarjima qilish uchun sinfni = "highlight" yoki boshqa sinfni span elementiga qo'shing (masalan, class = "highlight">). Spanning elementi kerakli atributlarga ega emas, lekin eng foydali uchtasi div elementining vazifalari bilan bir xil: Ushbu kontentni hujjatda yangi blok-darajali element sifatida belgilashdan qat'iy nazar kontent uslubini o'zgartirmoqchi bo'lsangiz, intervaldan foydalaning. Misol uchun, h3 sarlavhasining ikkinchi so'zi qizil bo'lishini istasangiz, u so'zni qizil matn sifatida tarjima qiladigan span elementi bilan o'rab olishingiz mumkin. So'z hali h3 elementining bir qismi bo'lib qolmoqda, ammo hozir ham qizil rangda aks etadi: Jeremy Girard tomonidan 2/2/17 sanasida tahrirlangan
elementni ishlatish
Bu mening ajoyib boshligim