Која е разликата помеѓу класата на избирач CSS и id? ИД и употреба на класа во HTML

Која е разликата помеѓу класата на избирач CSS и id? ИД и употреба на класа во HTML

Чен Вајлијангмоментално се извршуваОптимизација, оптимизирајте ја страницатаWordPressтема.

Иако претходно научив некои основни знаења за HTML и CSS, но не ги користев некое време, особено користењето на CSS делот, лесно се заборава.

Значи, запишете и сумирајте ја разликата и употребата на ИД и класа на избирачот CSS овде:

• id одговара на #div
• класата одговара на .div

Разликата помеѓу ID и класа

опис на идентификација

• id е фиксна ознака, која се користи за дефинирање на поголемиот стил на веб-страницата, кој е дефиниран во форма на #div
• На пример: колони за делење, горниот дел, телото, дното, итн...
• Се користи за дефинирање на специфичен елемент, кој може да се појави само еднаш на страница и не може да се повикува постојано.

опис на часот

• Класа е група на стилови, која се користи за дефинирање на деталните стилови на веб-страницата, дефинирана е во форма на .div и може да се повторува.
• На пример: одредено мени, линија текст, итн...
• На истата страница, може да се повикува постојано од повеќе елементи

Самиот избирач на div нема својства. Со дефинирање на неговиот css, тој контролира некои распореди како што се ширината, висината, бојата на позадината и големината на текстот на div.

ОпштоЕ-трговијавеб-страница,изгради веб-локацијаHTML веб-страницата генерирана од програмата треба да го реализира распоредот на страницата преку CSS.

Што е селектор?

Дефиницијата на секој CSS стил се состои од 2 дела:

选择器 {样式}

• Делот пред {} е „избирач“.
• „Селекторот“ го означува „стилот“ на {} на кој делува.
• Односно, на кој елемент од веб-страницата функционира овој „стил“?

пример за код

Еве како да изберете и стилизирате елемент од класа = странична лента:

.sidebar
{ 
background-color:black;
}

Еве како да изберете и стилизирате елемент со id="footer":

#footer
{ 
background-color:black;
}