CSS-selektor, va formatlash HTML-hujjatda uning roli

sayt yaratish va veb-sahifaning ba'zi elementlar bilan to'ldirish, har bir bunday CSS-sinchkovlik sifatida muddatini duch keladi. Bu aniqroq sahifasida o'z dizayni va joyning HTML-faylning barcha elementlarini aniqlash uchun xizmat qiladi. rangi, hajmi, joylashuvi va boshqa: Buning uchun, ba'zi tanlovchilarini va ularning formatlash ni amalga hushini bir CSS-hujjatni yaratish. Har veb-dizayner bilish va to'g'ri kerakli tanlaganlarini kirishga ega bo'lishi kerak. Ular, turiga ko'ra, biz quyida muhokama qaysi asosiy bo'linadi.

CSS seçicisi turlari

qaysi element HTML-formatlangan qo'llaniladi qarab, CSS-selektor quyidagi guruhlarga biri bilan bog'liq bo'lishi mumkin:

• Kirish tanlash;
• sinf selektor;
• id-selektor;
• tanlash xususiyati.

Kirish tanlash

Bundan tashqari, eng oddiy va keng tarqalgan, "turi selektor" yoki "element" deyiladi. uning CSS-hujjat sifatida biz tasvirlab HTML-faylning elementlar, ismlari. Biz paragraf xohishlarini o'rnatish uchun kerak bo'lsa, masalan, biz xususiyatlarini va element p {background ularning qiymatlarni tanlashingiz: x; rangi: y; Hajmi: z}. Bu holda, veb-sahifaning barcha paragraflar Shu formatga ega bo'ladi (fon rangini, matn hajmi, va hokazo. D.).

sinf selektor

Va har paragraf boshqa uslublar turli xil, sizga kerak bo'lsa, nima so'rash? Buning uchun, bir sinf selektor bor.

p.first {rangi:: bu holatda CSS-hujjat, quyidagi formada bir yozuvni o'z ichiga oladi x; font-size: y}. Shunday qilib, biz "rang" va faqat birinchi sinf bandning uchun "hajmi" ning xususiyatlarini belgilaydi.

Bu holda bir HTML-hujjatda birinchi uslub nomi ma'ruza xislati kirdi. Darslar Agar veb-sahifa elementlar uchun murojaat qilmoqchi bo'lgan uslubi, shuncha ko'p bo'lishi mumkin.

selektor id

Ko'pincha sahifaning har qanday bir element uchun, masalan, yanada aniqroq bir uslub aniqlash uchun, yoki ularni misol uchun bir ehtiyoj bor. Bu vaziyatda, yordam id-sinchkovlik bilan keladi. html fayli boshqalar orasida uni belgilaydigan, bir orzu band nomi sozlang. Misol uchun, biz boshqa uslubi farq o'rnatish zarur elementlar maqola nomi bo'ladi.

Keyin HTML-hujjatda header h1 identifikatorni, bunday articlename tayinlash. #articlename {rangi: Va CSS-fayli, ID nomi panjara qo'shib, uslub belgilash ko'k; matn-align: center}. Endi bizning sarlavha rang ko'k va markazli bo'ladi.

Yuqoridagi turlari Har bir "oddiy CSS-sinchkovlik bilan", deb ta'rif berish mumkin. Ular HTML-hujjat, muayyan bir parametr uchun formatlashtirish aniqlash: birga o'xshash elementlar (maqolaning masalan, barcha paragraflar), bir sinf (masalan, faqat birinchi paragraf) yoki ma'lum bir ob'ektni (masalan, maqola nomi).

tanlovchilarini vasf

Dastur tarzini yanada murakkab usuli - yuqorida tashqari, bir CSS selektsionerlari sifatlari bor. Bu tanlangan xususiyati va qiymati haqida html format elementlarni beradi. Bu qay bir necha navlari bor:

• Atributlar borligi bilan;
• uning aniq qiymati;
• qisman xususiyati qiymati tomonidan;
• o'ziga xos qiymati bo'yicha.

Keling, bu turlarning har biri ko'rib chiqaylik:

1. birinchi ishi. Formatlash muayyan xususiyati HTML-kod mavjud bo'lsa (bu p, div, header va boshqalar bo'lishi mumkin), qo'llaniladi. u bo'lmasa, u uslubi barcha elementlar uchun umumiy foydalanadi. Misol uchun, nom ega elementlar uchun (vositasi uchini).
2. Ikkinchi voqea. uslub faqat xususiyati qiymatlari aniq uchrashuvini HTML-elementlar uchun amal qiladi. Masalan turi Xususiyat qiymati taqdim teng kiritish elementlar uchun.
3. Uchinchi ishi. formatda ostida bir so'z bor qadriyatlar ro'yxatiga ma'lumotlar o'z ichiga faqat bo'ladi. Misol uchun, elementlar div yon panelidan xususiyati "sinf".
4. To'rtinchi ishi. Style faqat alohida xususiyati, ma'lum bir ahamiyatga ega HTML-hujjat, o'sha elementlar uchun belgilangan, va u bilan boshlanadi bo'ladi. Misol uchun, barcha elementlar uchun belgilangan rangi ishlatish qaysi Ingliz tili xususiyati (en, en-rus, en-au va t. D bo'lishi mumkin).

Shunday qilib, bir yoki bir boshqa, CSS tanlovchisiga foydalanib, eng yaxshi, butun veb-sahifa sifatida belgilangan va uning elementlari ayrim tasvirlab mumkin.