Яка різниця між класом селектора CSS та id? використання ідентифікатора та класу в HTML

Яка різниця між класом селектора CSS та id? використання ідентифікатора та класу в HTML

Чень Вейляннаразі виконуєтьсяSEO, оптимізувати сайтWordPressтема.

Хоча я раніше навчився деяким базовим знанням HTML і CSS, але деякий час не користувався ними, особливо про використання частини CSS, це легко забути.

Отже, запишіть і узагальніть різницю та використання ідентифікатора та класу селектора CSS тут:

• id відповідає #div
• клас відповідає .div

Різниця між ідентифікатором і класом

опис ідентифікатора

• id — це фіксований тег, який використовується для визначення більшого стилю на веб-сторінці, який визначається у формі #div
• Наприклад: розділові стовпці, верх, тіло, низ тощо...
• Він використовується для визначення певного елемента, який може з’являтися лише один раз на сторінці та не може викликатися повторно.

опис класу

• Клас — це група стилів, яка використовується для визначення детальних стилів на веб-сторінці. Вона визначається у формі .div і може повторюватися.
• Наприклад: певне меню, рядок тексту тощо...
• На тій же сторінці його можна повторно викликати кількома елементами

Сам селектор div не має властивостей. Визначаючи свій css, він контролює деякі макети, такі як ширина, висота, колір фону та розмір тексту div.

ЗагальніЕлектронна комерціявеб-сайт,Побудуйте станціюВеб-сторінка HTML, згенерована програмою, реалізована CSS для реалізації макета сторінки.

Що таке селектор?

Визначення кожного стилю CSS складається з 2 частин:

选择器 {样式}

• Частина перед {} є "селектором".
• "Селектор" вказує на "стиль" {}, до якого він діє.
• Тобто на якому елементі веб-сторінки працює цей «стиль»?

приклад коду

Ось як вибрати та стилізувати елемент class="sidebar":

.sidebar
{ 
background-color:black;
}

Ось як вибрати та налаштувати стиль елемента з id="footer":

#footer
{ 
background-color:black;
}