CSS-ning saytini keng ishlatish
Veb-saytlar uslub va tuzilishlarning kombinatsiyasi bo'lib, bugungi veb-saytda ushbu saytning ushbu ikki aspektini bir-biridan ajratish eng yaxshi amaldir.
HTML har doim o'z tarkibiga ega bo'lgan saytni taqdim etgan. Internetning dastlabki kunlarida HTML ham stil haqida ma'lumot oldi. yorlig'i kabi elementlar HTML kodlari bilan to'ldirilgan bo'lib, ular tarkibiy ma'lumotlar bilan bir qatorda qarash va his qilishni ham o'z ichiga oladi. Veb-standartlar harakati bizni bu amaliyotni o'zgartirishga majbur qildi va o'rniga barcha uslublar haqidagi ma'lumotlarni CSS-ga yoki uslublar kaskadli jadvallarini kiritishiga majbur qildi. Buni bir qadam oldinga olib, joriy tavsiyalar veb-saytingizning uslublar ehtiyojlari uchun "tashqi uslublar varag'i" deb nomlangan narsalardan foydalanmoqdasiz.
Tashqi uslublar jadvalining ustunliklari va kamchiliklari
Uslublar kaskadli jadvallari haqidagi eng yaxshi narsalardan biri bu sizning saytingizning izchilligini ta'minlash uchun ularni ishlatishdir. Buning eng oson yo'li tashqi uslublar jadvalini bog'lash yoki import qilishdir. Saytingizning har bir sahifasi uchun bir xil tashqi uslublar jadvalidan foydalansangiz, barcha sahifalar bir xil uslubga ega bo'lishiga ishonch hosil qilishingiz mumkin. Bundan tashqari, kelajak uchun o'zgarishlar qilishni ham osonlashtiradi. Har bir sahifada bir xil tashqi uslublar varaqasidan foydalanilganligi uchun ushbu varaqqa biron bir o'zgartirish har bir sayt sahifasiga ta'sir qiladi. Bu har bir sahifani alohida-alohida o'zgartirishga qaraganda ancha yaxshi!
Tashqi uslublar jadvallarining afzalliklari
- Bir vaqtning o'zida bir nechta hujjatning ko'rinishini va his-tuyg'usini nazorat qilishingiz mumkin.
- Bu sizning veb-saytingizni yaratish uchun odamlar guruhi bilan ishlayotgan bo'lsangiz, ayniqsa foydalidir. Ko'p uslub qoidalari esda qolarli bo'lishi mumkin va siz bosma uslublar qo'llanmasiga ega bo'lishingiz mumkin bo'lsa-da, unda misol tarjimasining 12 nuqtada Arial shrifti yoki 14 ballli kurerda yozilishi kerakligini aniqlash uchun uncha-muncha samarasiz va zerikarli bo'ladi. Har bir narsaga bir joyda joylashib, u erda siz o'zgarishlarni amalga oshiradigan joyda bo'lgani uchun parvarish qilishni ancha osonlashtirasiz.
- Siz turli xil HTML elementlarida ishlatiladigan uslublarning sinflarini yaratishingiz mumkin.
- Agar siz sahifangizdagi turli narsalarga diqqat qilish uchun ma'lum bir shrift uslubini qo'llayotgan bo'lsangiz, ushbu ko'rinish va his qilish uchun stil sahifangizga o'rnatgan sinf attributini foydalanishingiz mumkin. diqqat.
- O'zingizninig uslublaringizni yanada samarali bo'lishiga yordam berasiz.
- CSS-da mavjud bo'lgan barcha guruhlash usullari tashqi uslublar jadvallarida ishlatilishi mumkin va bu sizning sahifalaringizda ko'proq nazorat va moslashuvchanlikni ta'minlaydi.
Tashqi uslublar jadvallarining kamchiliklari
- Tashqi uslublar sahifalari, ayniqsa juda katta bo'lsa, yuklab olish vaqtini ko'paytirishi mumkin. CSS fayli yuklanishi kerak bo'lgan alohida hujjat bo'lgani uchun, bu downloadni amalga oshirish uchun ishlashga ta'sir qiladi.
- Tashqi uslublar sahifalari juda tez tezlashadi, chunki stil endi ishlatilmayotganligini aniqlash qiyin, chunki sahifa o'chirilganda o'chirilmaydi. CSS fayllaringizni to'g'ri boshqarish, ayniqsa, bir nechta foydalanuvchi bir xil faylda ishlayotgan bo'lsa, muhimdir.
- Faqat bitta sahifali veb-saytingiz bo'lsa, CSS-ga tashqi faylni kiritish kerak bo'lmasligi mumkin, chunki sizda faqatgina bitta sahifa uslubga ega. Tashqi CSS-ning ko'plab foydalari faqat bitta sahifa sahifasi bo'lsa yo'qoladi.
Tashqi uslublar jadvalini yaratish
Tashqi uslublar jadvallari shunga o'xshash sintaksis bilan yaratilgan bo'lib, u uslub uslublari jadvallarini hujjatlashtiradi. Biroq, siz kiritishi kerak bo'lgan barcha narsalar tanlov va deklaratsiya hisoblanadi. Hujjat darajasidagi stil sahifasida bo'lgani kabi, qoida uchun sintaksis:
selector {property: value;}Ushbu qoidalarni kengaytma .css bilan matnli faylga saqlang. Bu talab qilinmaydi, biroq bu kirib borish odatidir, shuning uchun uslublar jadvallarini darrov kataloglar ro'yxatida tanib olishingiz mumkin.
Agar uslublar varag'i hujjatiga ega bo'lsa, uni veb-sahifalaringizga bog'lashingiz kerak. Bu ikki usulda amalga oshirilishi mumkin:
- Ulanish
- Uslub varag'i bilan bog'lanish uchun siz HTML yorlig'ini ishlatasiz. Bu atributlar rel , tip va hrefga ega . Rel xususiyati nima bilan bog'langaningizni bildiradi (bu holatda stil varaqchasi), bunday brauzer uchun MIME-turini belgilaydi va href .css faylining yo'lidir.
- Import qilish
- Import qilingan uslublar varag'i hujjat darajasidagi uslublar varag'i ichida foydalanasiz, shunda tashqi hujjatning xususiyatlarini import qilishingiz mumkin, ammo hujjatning muayyan qismini yo'qotmaslik kerak. Siz shunga o'xshash tarzda bog'langan uslublar jadvalini chaqirishingiz mumkin, faqat uni hujjat darajasidagi uslub bayonnomasida chaqirishingiz kerak. Veb-saytingizni saqlab qolishingiz kerak bo'lgan ko'plab tashqi uslublar sahifalarini import qilishingiz mumkin.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 8/8/17 yil tahrirlangan