В чем разница между классом селектора CSS и идентификатором? использование идентификатора и класса в HTML

В чем разница между классом селектора CSS и идентификатором? использование идентификатора и класса в HTML

Чен Вэйлянв настоящее время выполняетсяSEO, оптимизировать сайтWordPressТема.

Хотя я уже изучил некоторые базовые знания HTML и CSS, но я некоторое время не использовал их, особенно использование части CSS, об этом легко забыть.

Итак, запишите и суммируйте разницу и использование идентификатора и класса селектора CSS здесь:

• идентификатор соответствует #div
• класс соответствует .div

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

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

• id — это фиксированный тег, который используется для определения большего стиля на веб-странице, который определяется в виде #div
• Например: разделительные столбцы, верх, тело, низ и т. д.
• Используется для определения определенного элемента, который может появляться только один раз на странице и не может вызываться повторно.

описание класса

• Класс — это группа стилей, которая используется для определения подробных стилей на веб-странице.Определяется в виде .div и может повторяться.
• Например: конкретное меню, строка текста и т.д...
• На одной и той же странице он может вызываться многократно несколькими элементами.

Селектор div сам по себе не имеет свойств.Определив его css, он управляет некоторыми макетами, такими как ширина, высота, цвет фона и размер текста div.

общийЭлектронная коммерцияВеб-сайт,Постройте станциюВеб-страница html, сгенерированная программой, должна реализовать макет страницы с помощью CSS.

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

Определение каждого стиля CSS состоит из 2 частей:

选择器 {样式}

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

пример кода

Вот как выбрать и оформить элемент class="sidebar":

.sidebar
{ 
background-color:black;
}

Вот как выбрать и оформить элемент с id="footer":

#footer
{ 
background-color:black;
}