CSS selektor sinfi ilə id arasındakı fərq nədir? HTML-də id və sinif istifadəsi

CSS selektor sinfi ilə id arasındakı fərq nədir? HTML-də id və sinif istifadəsi

Chen Weiliangbu yaxınlarda edam edilibSEO, saytın optimallaşdırılması üçünWordPressmövzu.

Əvvəllər bəzi əsas HTML və CSS biliklərini öyrənsəm də, bir müddətdir ki, işlətməmişəm, xüsusən də CSS hissəsinin istifadəsini unutmaq asandır.

Beləliklə, burada CSS selektor identifikatoru və sinfinin fərqini və istifadəsini qeyd edin və ümumiləşdirin:

• id #div uyğun gəlir
• sinif .div-ə uyğundur

İd və sinif arasındakı fərq

id təsviri

• id, #div şəklində təyin olunan veb-səhifədə daha böyük üslubu müəyyən etmək üçün istifadə edilən sabit teqdir.
• Məsələn: sütunların bölünməsi, yuxarı, gövdə, alt və s.
• O, hər səhifədə yalnız bir dəfə görünə bilən və təkrar çağırıla bilməyən xüsusi elementi müəyyən etmək üçün istifadə olunur.

sinif təsviri

• Class, web səhifəsində ətraflı üslubları müəyyən etmək üçün istifadə olunan üslub qrupudur.O, .div şəklində müəyyən edilir və təkrarlana bilər.
• Məsələn: xüsusi menyu, mətn sətri və s...
• Eyni səhifədə birdən çox element tərəfindən dəfələrlə çağırıla bilər

Div seçicisinin heç bir xassələri yoxdur.CSS-ni təyin etməklə o, div-in eni, hündürlüyü, fon rəngi və mətn ölçüsü kimi bəzi planlara nəzarət edir.

ÜmumiElektron ticarətvebsayt,veb sayt qurunProqram tərəfindən yaradılan html veb səhifəsi CSS vasitəsilə səhifə tərtibatını həyata keçirməkdir.

Selektor nədir?

Hər bir CSS üslubunun tərifi 2 hissədən ibarətdir:

选择器 {样式}

• {}-dən əvvəl olan hissə "selektor"dur.
• "Seçici" hərəkət etdiyi {} "üslubunu" göstərir.
• Yəni bu "üslub" veb səhifənin hansı elementində işləyir?

kod nümunəsi

Class="sidebar" elementini necə seçmək və üslub etmək olar:

.sidebar
{ 
background-color:black;
}

id="footer" ilə elementi necə seçmək və üslub etmək olar:

#footer
{ 
background-color:black;
}