CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML дэх id болон ангийн хэрэглээ

CSS сонгогч анги ба id хоёрын ялгаа юу вэ? HTML дэх id болон ангийн хэрэглээ

Чен Вэйлянодоогоор гүйцэтгэж байнаSEO, сайтыг оновчтой болгохWordPressсэдэв.

Хэдийгээр би HTML болон CSS-ийн үндсэн мэдлэгийг өмнө нь сурсан ч хэсэг хугацаанд ашиглаагүй, ялангуяа CSS хэсгийн хэрэглээг мартахад амархан байдаг.

Тиймээс CSS сонгогчийн id болон ангийн ялгаа, ашиглалтыг энд тэмдэглэж, нэгтгэн дүгнэнэ үү:

• id нь #div-тэй тохирч байна
• анги .div-тэй тохирч байна

ID болон ангиллын ялгаа

ID тодорхойлолт

• id нь #div хэлбэрээр тодорхойлогддог вэб хуудасны том хэв маягийг тодорхойлоход хэрэглэгддэг тогтмол шошго юм.
• Жишээ нь: хуваах багана, дээд, их бие, доод гэх мэт...
• Энэ нь нэг хуудсанд зөвхөн нэг удаа гарч ирэх бөгөөд дахин дахин дуудах боломжгүй тодорхой элементийг тодорхойлоход хэрэглэгддэг.

ангийн тодорхойлолт

• Class нь вэб хуудасны дэлгэрэнгүй хэв маягийг тодорхойлоход хэрэглэгддэг загварын бүлэг бөгөөд .div хэлбэрээр тодорхойлогддог бөгөөд давтаж болно.
• Жишээ нь: тодорхой цэс, текстийн мөр гэх мэт...
• Нэг хуудсан дээр үүнийг олон элементээр дахин дахин дуудаж болно

div сонгогч нь өөрөө шинж чанаргүй. Энэ нь css-ээ тодорхойлсноор div-ийн өргөн, өндөр, дэвсгэр өнгө, текстийн хэмжээ зэрэг зарим байршлыг удирддаг.

ЕрөнхийЦахим худалдаавэбсайт,вэб сайт байгуулахХөтөлбөрийн үүсгэсэн html вэб хуудас нь CSS-ээр дамжуулан хуудасны байршлыг хэрэгжүүлэх явдал юм.

Сонгогч гэж юу вэ?

CSS загвар бүрийн тодорхойлолт нь 2 хэсгээс бүрдэнэ.

选择器 {样式}

• {}-ийн өмнөх хэсэг нь "сонгогч" юм.
• "Сонгогч" нь {}-ийн ажиллах "загвар"-ыг заана.
• Энэ нь вэб хуудасны аль элемент дээр энэ "хэв маяг" ажилладаг вэ?

кодын жишээ

Class="sidebar" элементийг хэрхэн сонгох, загварчлах талаар эндээс үзнэ үү.

.sidebar
{ 
background-color:black;
}

id="footer"-тай элементийг хэрхэн сонгож, загварчлахыг эндээс үзнэ үү.

#footer
{ 
background-color:black;
}