CSS-selector, və biçimlendirme html sənəd rolu

bir web yaratmaq və web page müəyyən elementləri ilə doldurulması, hər kəs belə CSS-selector kimi bir müddət gözləyir. Bu daha dəqiq səhifə dizayn və yeri html fayl bütün elementləri müəyyən etmək üçün xidmət edir. rəngi, ölçüsü, yeri və digər: Bunu etmək üçün, müəyyən seçiciler və biçimlendirme variantları spells bir CSS-sənəd yaradır. Hər web dizayner bilirik və düzgün istədiyiniz Marka daxil etmək lazımdır. Onlar növü aşağıda müzakirə olan main bölünür.

CSS seçiciler növləri

olan element html biçimli tətbiq asılı olaraq, CSS-selector aşağıdakı qrupların bir aid ola bilər:

• tag selector;
• sinif selector;
• id-selector;
• selector bağlayırlar.

tag selector

Bu da ən sadə və ümumi "tipli selector" və ya "element" adlanır. onun CSS-sənəd olaraq təsvir html fayl elementləri adları. biz paraqraf stil müəyyən etmək lazımdır, misal üçün, biz xassələri və element p {background onların dəyərləri daxil: x; color: y; ölçüsü: z}. Bu halda, web page bütün ci maddələrdə eyni format olacaq (fon rəngi, mətn ölçüsü, və s. D.).

sinif selector

Və hər maddə digər üslub fərqli sizə lazım əgər nə xahiş? Bunu etmək üçün, bir sinif selector var.

p.first {color: bu halda CSS sənəd aşağıdakı formada giriş ehtiva olardı x; font-size: y}. Belə ki, biz "rəng" və yalnız birinci sinif paraqraf üçün "ölçüsü" xüsusiyyətləri müəyyən edir.

Bu halda bir html-sənəddə ilk stil adı bir sinif atributu girdi. Dərslər bir web səhifə elementləri üçün müraciət etmək istəyirəm stil qədər ola bilər.

selector id

Tez-tez səhifənin hər hansı bir element, məsələn, daha dəqiq bir stil müəyyən etmək üçün, və ya onlara nümunə üçün bir ehtiyac var. Bu vəziyyət, yardım id-selector gəlir. html fayl digərləri arasında müəyyən istədiyiniz maddə adı təyin. Məsələn, biz digər stil fərqli qurmaq istəyirəm elementləri məqalə adı olacaq.

Sonra html-sənəd header h1 identifikatoru belə articlename təyin. #articlename {rəng: And CSS fayl, ID adı barmaqlığı əlavə, üslub müəyyən blue; text-align: center}. İndi bizim mövzu rəng mavi və mərkəzi olacaq.

Yuxarıda növləri hər "sadə CSS-selector" kimi təsvir edilə bilər. Onlar html-sənədin xüsusi parametri üçün biçimlendirme müəyyən: birlikdə oxşar elementləri (maddə məsələn, bütün ci maddələrdə), bir sinif (məsələn, yalnız ilk paraqraf) və ya xüsusi maddə (məsələn, maddə adı).

seçiciler atributu

proqram üslub daha mürəkkəb metodu - Yuxarıda Bundan əlavə, CSS-seçiciler atributları var. Bu seçilmiş atribut və ya dəyəri html format elementləri imkan verir. Bu selector bir neçə növü var:

• atributu iştirakı ilə;
• dəqiq dəyər;
• qismən atribut dəyəri;
• onun xüsusi dəyəri.

Bizə bu növlərin hər nəzərdən keçirək:

1. birinci halda. Üslub xüsusi atributu HTML mövcud əgər (bu p, div, header, və s. Ola bilər), tətbiq olunur. deyil, bu, stil bütün elementləri üçün ümumi istifadə edir. Məsələn, adı olan elementləri (alət tip).
2. ikinci halda. stil yalnız atributu dəyərlərin tam matç html elementləri tətbiq edilir. Məsələn, növü atribut dəyəri təqdim bərabərdir daxil elementləri üçün.
3. Üçüncü halda. format altında müəyyən bir söz var dəyərlər siyahısına maddələr daxildir yalnız olacaq. Məsələn, elementləri div üçün sidebar atributu "sinif".
4. dördüncü halda. Style yalnız xüsusi atributu müəyyən bir dəyəri var html sənəd, o elementləri üçün müəyyən edilmiş və onunla başlayır. Məsələn, bütün elementləri müəyyən rəng istifadə edən ingilis dili atributu (en, en-rus, en-au və t. D. ola bilər).

Belə ki, bir və ya digər, CSS selector istifadə edərək, ən yaxşı bütün veb səhifə kimi müəyyən və onun elementlərinin bəzi təsvir edilə bilər.