Анги ба ID
Cascading Style Sheets (CSS) нь тэмдэглэгээний хэл ашиглан бичигдсэн баримт бичгийн харагдах байдал, форматыг тодорхойлдог хэл юм. CSS нь HTML дээр бичигдсэн вэб хуудсуудыг загварчлахад өргөн хэрэглэгддэг. CSS нь HTML элементүүдийн хэв маягийг ашиглахаас гадна өөрийн хэв маяг сонгогчдыг тодорхойлох боломжийг олгодог. Үүнийг ID болон анги сонгогч ашиглан хийдэг. Нэг өвөрмөц элементийн хэв маягийг зааж өгөхдөө ID сонгогчийг ашигладаг. Бүлэг элементийн хэв маягийг зааж өгөхдөө анги сонгогчийг ашигладаг.
Анги гэж юу вэ?
CSS-д Анги сонгогчийг бүлэг элементүүдэд өөрийн хэв маягийг хэрэглэхэд ашиглаж болно. Анги сонгогч нь ижил ангитай олонлог элементүүдэд тодорхой хэв маягийг хэрэглэхэд хэрэглэгддэг. CSS-д анги сонгогчийг цэгээр (.) тодорхойлно. CSS-д тодорхойлсон анги сонгогчийн жишээг доор харуулав.
.миний_анги {
өнгө: цэнхэр;
фонтын жин: тод;
}
HTML нь доор үзүүлсэн шиг атрибутын ангиллыг ашиглан CSS-д тодорхойлсон ангид хандаж болно.
Энэ бол миний формат
Энэ миний дахин форматлалт
Дээр харуулсанчлан нэг анги олон элементэд ашиглагдаж болох ба нэг элемент олон анги ашиглаж болно. Нэг элементэд олон анги ашиглах үед ангиудыг доор үзүүлсэн шиг хоосон зайгаар тусгаарласан ангиллын шинж чанарт оруулна.
Энэ бол миний хоёр анги ашигласан формат
ID гэж юу вэ?
CSS-д ID сонгогчийг нэг өвөрмөц элементэд өөрийн хэв маягийг хэрэглэхэд ашиглаж болно. CSS дээр ID сонгогчийг хэш ()-ээр тодорхойлдог. CSS-д тодорхойлсон ID сонгогчийн жишээг доор харуулав.
миний_ID {
өнгө: улаан;
текст зэрэгцүүлэх:баруун;
}
HTML нь доор үзүүлсэн шиг атрибутын id-г ашиглан CSS-д тодорхойлсон ID сонгогч руу хандаж болно.
Энэ бол миний ID сонгогчийн формат
ID нь өвөрмөц юм. Тиймээс элемент бүр зөвхөн нэг ID-тай байж болох ба хуудас бүр тухайн ID-тай зөвхөн нэг элементтэй байж болно. ID нь хөтчөөр ашиглаж болох чухал шинж чанартай байдаг. Хэрэв хуудасны URL нь хэш утгыг агуулж байвал (жишээ нь: https://myweb.commy_id) хөтөч нь "my_id" ID-тай элементийг автоматаар олж, тухайн элементийг харуулахын тулд вэб хуудсыг гүйлгэхийг оролдох болно. Энэ нь хөтөч тухайн элементийн байршлыг тогтоохын тулд хуудас нь тухайн ID-тай нэг элементтэй байх ёстой нэг шалтгаан юм.
Анги болон ID хоёрын ялгаа юу вэ?
Хэдийгээр Анги сонгогч болон ID сонгогч аль аль нь вэб хуудасны элементүүдэд өөрийн хэв маягийг хэрэглэхэд ашиглагдаж болох ч тэдгээр нь зарим чухал ялгаануудтай. Анги сонгогчийг бүлэг элементүүдэд өөрийн хэв маягийг хэрэглэхэд ашиглаж болох бол ID сонгогчийг нэг өвөрмөц элементэд хэв маягийг хэрэглэхэд ашигладаг. ID-г ашиглах үед элемент бүр зөвхөн нэг ID-тай байж болох ба хуудас бүр тухайн ID-тай зөвхөн нэг элементтэй байж болох ч Class нь олон элементэд ашиглагдаж болох ба нэг элемент нь олон Class ашиглаж болно. Цаашилбал ID-г ашиглан тухайн ID-тай элементийг харуулахын тулд хуудсыг автоматаар гүйлгэж болох боловч анги сонгогчоор үүнийг хийх боломжгүй.
