CSS-сонгон шалгаруулагч болон хэлбэршүүлэлт нь HTML-баримт бичигт түүний гүйцэтгэх үүрэг

вэбсайт бий болгох, вэб хуудасны зарим элементүүд нь түүнийг дүүргэх, хүн бүр ийм CSS-сонгон шалгаруулагч гэх мэт нэр томъёог тулгарах болно. Энэ нь илүү үнэн зөв хуудсан дээр нь зураг төсөл, байршил HTML файлын бүх элементүүдийг тодорхойлох юм. өнгө, хэмжээ, байршил, бусад: Үүнийг хийхийн тулд тодорхой сонгон шалгаруулагчид, тэдний нэг хэлбэршилтийн сонголтуудыг гаргаж дэвшүүлсэн нь CSS-баримт бичиг бий. Бүр вэб дизайнер мэдэж, хүссэн сонголт зөв оруулах чадвартай байх ёстой. Тэд нь бид энд хэлэлцэх үндсэн хэлбэр нь хувааж байна.

CSS-д сонгон шалгаруулагчийн төрөл

аль нь элемент HTML формат хэрэглэж байна хамааран, CSS-сонгон шалгаруулагч дараах бүлгийн нэг холбоотой байж болох юм:

• хаяг сонгогч;
• анги сонгогч;
• ID-сонгон шалгаруулагч;
• сонгогч холбон тайлбарладаг.

Tag сонгогч

Энэ нь бас "төрөл сонгогч" буюу "элемент" гэж нэрлэдэг бөгөөд энэ бол хамгийн энгийн, нийтлэг байдаг. Түүний CSS-баримт бичгийн хувьд бид тайлбарлах HTML-файлыг элемент, нэр. Жишээ нь, бид зүйлийн хэв маягийг тохируулах хэрэгтэй бол бид эд хөрөнгө, элемент P {суурь нь тэдний утгуудыг зааж өгнө: х; өнгө: Y; хэмжээ: Z}. Энэ тохиолдолд вэб хуудсанд бүх зүйлийг ижил форматтай байх болно (суурь өнгө, текст хэмжээ, гэх мэт. D.).

анги сонгогч

Мөн та хэрэгтэй бол юу Таны хэсэг бүр өөр хэв маяг өөр юм асуух уу? Үүнийг хийхийн тулд, нэгэн зэрэг сонгогч байна.

p.first {өнгө: энэ тохиолдолд CSS-баримт бичиг нь дараах хэлбэрээр нь дараах мөрүүдийг агуулсан байх х; үсгийн хэмжээ: у}. Тиймээс бид "өнгө" ба зөвхөн эхний анги р зүйлийн төлөө "хэмжээ" шинж чанарыг тодорхойлно.

энэ тохиолдолд бол HTML-баримт бичгийн анхны загварын нэрээр нь анги шинж чанар оров. Ангиуд Хэрэв та вэб хуудсанд элементүүдийн өргөдөл хүсэж хэв маяг болох их байж болно.

сонголтын ID

Ихэнх тохиолдолд хэв маяг хуудасны аль нэг элемент нь жишээ нь, илүү үнэн зөв тодорхойлж, эсвэл дээж нь шаардлага гарч байна. Энэ тохиолдолд, тусламжийн ID-сонгон шалгаруулагч ирдэг. HTML файл нь бусдын дунд түүнийг таних нь хүссэн зүйл нь нэрийг оноодог. Жишээ нь, бид бусад хэв маяг нь ялгаатай тогтоосон хүсэж байгаа элементүүд нь гарчиг болох юм.

Дараа нь HTML-баримтад толгой h1 танигчийг ийм articlename хийлгэх. #articlename {өнгө:: Мөн CSS-файл, ID нэр нүүр нэмж, хэв маягийг зааж, хөх, текст тэгшлэх: төв}. Одоо манай гарчиг өнгө, хөх, төвлөрсөн байх болно.

Дээрх төрлийн бүр "энгийн CSS-сонгон шалгаруулагч" гэж тодорхойлж болно. Тэд HTML-баримт бичгийн тодорхой үзүүлэлтийн хувьд хэлбэршүүлэлтийг тодорхойлж: хамтад нь ижил төстэй элементүүдийг (зүйлийн жишээ нь, бүх зүйлийг), нэг анги (жишээ нь, зөвхөн эхний догол мөр), эсвэл тодорхой зүйл (жишээ нь, нийтлэл нэр).

сонгон шалгаруулагчид хамааруулах

хэрэглээний хэв маяг нь илүү төвөгтэй арга - Дээрх гадна тэнд шинж чанаруудыг нь CSS-сонгох асуудал юм. Энэ нь сонгосон шинж чанар, эсвэл үнэ цэнийн талаар HTML формат элементүүдийг боломжийг олгодог. Энэ сонгогч хэд хэдэн сорт байдаг:

• шинж байлцуулан болно;
• нь яг үнээр;
• хэсэгчилсэн шинж чанар утгаар;
• түүний тодорхой үнэ дээр.

АНУ-ын эдгээр зүйлүүдийн бүр авч үзье:

1. анхны тохиолдол. Хэлбэршүүлэх нь тодорхой шинж чанар HTML-код нь хэрэв байгаа бол (хэрэв энэ нь P, DIV, толгой гэх мэт байж болно), хэрэглэж байна. Хэрэв тийм биш бол, энэ хэв маяг нь бүх элементийн ерөнхий ашигладаг. Жишээ нь, нэр бүхий элементийн (хэрэгсэл үзүүрийг).
2. Хоёр дахь нь. хэв маяг нь зөвхөн HTML элементийн шинж чанар утгын яг тоглолтыг байх хамаарна. Жишээ нь, төрөл шинж чанарын утга гаргаж тэнцүү оролтын элемент, байна.
3. Гурав дахь хэрэг. форматын дагуу зөвхөн тодорхой үгийг байна утгын жагсаалтад зүйлсийг багтаана. Жишээ нь, элемент DIV нь Sidebar шинж чанар "анги".
4. дөрөв дэх тохиолдол. зөвхөн HTML-баримт бичиг, ялангуяа шинж чанар нь тодорхой утгатай эдгээр элементийн Style тодорхойлсон, мөн түүнтэй хамт эхэлдэг байна. Жишээ нь, бүх элементүүд нь заасан өнгөтэй ашиглах нь англи хэлний шинж чанар (EN, EN-орос хэл, EN-о, Т. D. байж болно).

Тиймээс нэг буюу бусад CSS сонгогч ашиглан, хамгийн сайн бүхэл бүтэн веб хуудас гэж заасан байх ба түүний зарим хэсэг нь тайлбарлах болно.