Која је разлика између класе ЦСС селектора и ИД-а? ид и употреба класе у ХТМЛ-у

Која је разлика између класе ЦСС селектора и ИД-а? ид и употреба класе у ХТМЛ-у

Цхен Веилиангтренутно се извршаваSЕО, оптимизујте сајтовеWordPressтема.

Иако сам раније научио основна знања о ХТМЛ-у и ЦСС-у, али их нисам користио неко време, посебно коришћење ЦСС дела, лако се заборави.

Дакле, забележите и сумирајте разлику и употребу ИД-а и класе ЦСС селектора овде:

  • ид одговара #див
  • класа одговара .див

Разлика између ИД-а и класе

ид опис

  • ид је фиксна ознака, која се користи за дефинисање већег стила на веб страници, која је дефинисана у облику #див
  • На пример: колоне за поделу, врх, тело, дно, итд...
  • Користи се за дефинисање одређеног елемента, који се може појавити само једном по страници и не може се више пута позивати.

опис класе

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

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

ГенералЕ-трговинавеб сајт,направите веб страницуХТМЛ веб страница коју генерише програм треба да реализује изглед странице преко ЦСС-а.

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

Дефиниција сваког ЦСС стила састоји се од 2 дела:

选择器 {样式}
  • Део испред {} је "селектор".
  • „Селектор“ означава „стил“ {} на који делује.
  • Односно, на ком елементу веб странице ради овај „стил“?

пример кода

Ево како да изаберете и стилизујете елемент цласс="сидебар":

.sidebar
{ 
background-color:black;
}

Ево како да изаберете и стилизујете елемент са ид="фоотер":

#footer
{ 
background-color:black;
}

Блог Хопе Цхен Веилианг ( https://www.chenweiliang.com/ ) дели „Која је разлика између класе ЦСС селектора и ИД-а? Употреба ИД-а и класе у ХТМЛ-у ће вам помоћи.

Добродошли да поделите везу овог чланка:https://www.chenweiliang.com/cwl-572.html

Добродошли на Телеграм канал блога Цхен Веилианг-а да бисте добили најновија ажурирања!

🔔 Будите први који ће добити драгоцени „Водич за коришћење алата за вештачку интелигенцију за маркетинг садржаја ЦхатГПТ“ у главном директоријуму канала! 🌟
📚 Овај водич садржи огромну вредност, 🌟Ово је ретка прилика, не пропустите је! ⏰⌛💨
Поделите и лајкујте ако желите!
Ваше дељење и лајкови су наша стална мотивација!

 

评论

Ваша емаил адреса неће бити објављена. Обавезна поља се користе * Ознака

Иди на врх