Inline, ko'milgan va tashqi uslublar jadvallari: Bilishingiz kerak bo'lgan narsalar
Veb-saytning oldingi ko'rinishi ko'pincha uch oyoqli axlat kabi ko'rinadi. Ushbu oyoqlar quyidagilardir:
Ushbu naycha, CSS yoki Cascading Style Sheetsning ikkinchi oyog'i bugun biz bu yerga qarayapmiz. Ayniqsa, siz hujjatga qo'sha oladigan 3 turdagi uslublarni ko'rib chiqmoqchimiz.
- Inline uslublar
- U ichiga uslublar
- Tashqi uslublar
Bunday CSS-larning har birining foydalari va kamchiliklari bor, shuning uchun ularning har biriga alohida ko'rib chiqaylik.
Inline uslublari
Inline uslublar HTML hujjatidagi yorliqda bevosita yozilgan uslublar. Inline uslublar faqatgina ular qo'llanadigan maxsus etiketga ta'sir qiladi. Bu erda standart ulanishga yoki anchor, teg uchun qo'llaniladigan inline uslubining misoli:
Ushbu CSS qoidani standart bir chizilgan matnni bezatish bu bir havolani o'chirib qo'yadi. Biroq, sahifadagi boshqa havolani o'zgartira olmaydi. Bu inline uslublarining cheklovlaridan biridir. Ular faqat ma'lum bir elementni o'zgartirganlari uchun, siz haqiqiy sahifa dizayniga erishish uchun HTML-ni ushbu uslublar bilan zaharlashingiz kerak bo'ladi. Bu eng yaxshi amaliyot emas. Darhaqiqat, bu "shrift" belgilaridan va veb-sahifalardagi struktura va uslubning aralashuvidan bir qadam tashlandi.
Inline uslublari ham juda yuqori o'ziga xosliklarga ega.
Bu ularga boshqa, inline bo'lmagan uslublar bilan yozishni qiyinlashtiradi. Misol uchun, agar siz saytga javob berishni xohlasangiz va ommaviy axborot so'rovlarini ishlatib, element muayyan tanaffus nuqtalariga qanday qarashni o'zgartirishni xohlasangiz, elementdagi satr ichidagi uslublar buni amalga oshiradi.
Nihoyat, inline uslublar juda ozgina ishlatilganda, faqatgina foydalidir.
Aslida, kamdan-kam hollarda veb-sahifalarimga kiruvchi uslublarni ishlataman.
O'rnatilgan uslublar
Katıştırılmış uslublar - hujjatning boshiga ko'milgan uslublar. Katıştırılmış uslublar faqat kiritilgan sahifadagi teglarga ta'sir qiladi. Yana bir bor, bu yondashuv CSS-ning kuchli tomonlaridan birini rad etadi. Har bir sahifada uslublar bo'lishi mumkin
, agar siz qizildan yashil ranglarga bog'lanish rangini o'zgartirishni xohlasangiz, har bir sahifada ko'shimcha uslublar jadvalidan foydalanganingiz uchun ushbu sahifani o'zgartirishingiz kerak bo'ladi. Bu inline uslublaridan ko'ra yaxshiroq, lekin ko'p holatlarda hali muammoli.
Stil sahifalariga
Hujjatning bir qismi ham ushbu sahifaga markirovka kodining katta miqdorini qo'shib beradi, bu esa sahifani kelajakda boshqarishni qiyinlashtiradi.
Ichki uslublar jadvallarining foydasi boshqa tashqi fayllarni yuklashni talab qiladigan o'rniga sahifaning o'zi bilan yuklaydi. Bu, yuklab olish tezligi va ishlash istiqbolidan foydali bo'lishi mumkin.
Tashqi uslublar jadvallari
Aksariyat veb-saytlar bugungi kunda tashqi uslublar jadvallaridan foydalanadilar. Tashqi uslublar alohida hujjatda yozilgan va keyin turli veb-hujjatlarga biriktirilgan uslublar. Tashqi uslublar varaqlari har qanday hujjatga ta'sir qilishi mumkin, ya'ni har bir sahifada bir xil uslub varag'ini (bu odatda qanday amalga oshiriladi) ishlatadigan 20 sahifali veb-saytingiz bo'lsa, demak, har bir kishiga ingl. O'zgartirish mumkin Ushbu sahifalarni oddiygina tahrirlash orqali.
Bu uzoq muddatli sayt boshqaruvini ancha osonlashtiradi.
Tashqi uslublar jadvallarining salbiy tomoni, bu tashqi fayllarni olish va yuklash uchun sahifalar kerakligini anglatadi. CSS sahifasida har bir sahifada har bir uslubdan foydalanilmaydi, shuning uchun ko'p sahifalarda aslida juda katta CSS-sahifani yuklash kerak bo'ladi.
Tashqi CSS fayllari uchun ishlash hodisasi mavjud bo'lsa-da, bu, albatta, minimallashtirilishi mumkin. Haqiqatan ham, CSS fayllari faqat matnli fayllar bo'lib, ular odatda boshlash uchun juda katta emas. Agar butun saytingiz 1 CSS faylini ishlatsa, dastlab o'rnatilganidan keyin ushbu hujjatning kesh-xotirjamligini olishingiz mumkin.
Bu degani, birinchi sahifada ba'zi tashriflar yuzaga kelishi mumkin, ammo keyinchalik sahifalar keshlangan CSS faylidan foydalanadi, shuning uchun har qanday zarba inkor qilinadi. Tashqi CSS fayllari - barcha veb-sahifalarimni qanday yarataman.