— вэбсайтуудын хэв маяг, мэдрэмжийг хянах хэл — үргэлж хүчтэй байсан боловч жишээ нь хялбар юм. Программист нь жилийн турш бүх дупликацид, загварууд тохируулгатай болгохын тулд бүх хүсэл, загварын суралцах бүх мэдрэмжтэй байдаг. гурван шинэ шинж чанар нь одоо CSS-ийг цэвэршүүлэх, тэсвэртэй, илүү орчин үеийн хэрэгсэл болгоно. Nesting, Container Queries, Scoped Styles. CSS Эдгээр нь хязгааргүй өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр өөр байдаг. Өнгөрсөн үед CSS-ийн хөгжүүлэгчид styling элементүүд хийх үед тэдгээрийг өөрчилж чадна. Nesting хэлбэрүүд нь байгалийн агуулгын бүтэц дараах боломжийг олгож, энэ нь шийддэг. Эмэгтэйчүүдийн хувьд өөр өөр өөр өөртөө эрхэлтийг ашиглах нь, nesting тэднийг логик хэлбэрээр цуглуулах боломжийг олгодог. Энэ нь CSS-ийн үүсгэсэн HTML бүтэцтэй харьцуулахад стилийг харьцуулахад илүү хялбар болгодог. Группын хувьд энэ нь алдааг бага, загвар, үүнийг дэмждэг код хооронд харьцуулахад харьцуулахад харьцуулахад харьцуулагддаг. Container Queries Контейнер хүсэл Веб хөгжүүлэгчид олон жилийн турш медиа асуултуудыг ашигладаг. Энэ нь зарим тохиолдолд гайхамшигтай байдаг. Гэсэн хэдий ч нэг элемент, жишээ нь карт, бутлуур, эсвэл бодит бар хуудас дээр хэд хэдэн газар дээр ашиглаж байгаа үед биш юм. Контейнер асуултууд нь нэг компонент нь дэлгэц нь ямар ч хэмжээтэй биш, энэ нь ямар ч хэмжээтэй байх болно. Баруун бар дээр жижиг харуулж, харин үндсэн агуулгын талбайд төгсгөл өссөн карт гэж үзнэ үү. Энэ чадвар нь компонентүүд нь ихэвчлэн өөрчилж чадна, өөрчилж чадна, тэдний байрлалд ямар ч байдаг. Зөөлөн Style CSS-ийн хамгийн алдартай бодисоор нэг нь хэлбэрүүд хуудас дээр "гүүлд" байж болох юм. Нэг хэсэгт зориулсан хэлбэр нь амархан өөр нэг хэлбэрээр өөрчлөх боломжтой бөгөөд гайхалтай богино үүсгэх болно. Амархан хэлбэрүүд нь хэлбэрүүд нь нэг хэсэг эсвэл хэсэгт холбогдсон байлгахад энэ нь зогсоох болно. Энэ тусгаарлагч CSS-ийг урьдчилан сэргийлэх, аюулгүй болгодог. Энэ нь орчин үеийн хөгжүүлэхэд маш чухал бөгөөд вэбсайтууд нь олон удаа ашиглаж болно эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээр эдгээрээс хязгаарлагддаг. Why Do These Features Matter? Эдгээр шинж чанарыг юу вэ? Эдгээр гурван онцлог нь CSS-ийн үндсэн өөрчлөлтийг агуулдаг: 
 
 
 
 Nesting нь код цэвэр, унших нь хялбар байна. Контейнер асуултууд нь дизайн нь ямар ч тохиолдолд гүнзгий байх боломжийг олгодог. Scoped Styles бүрэлдэхүүн хэсгүүд нь хязгаарлагддаг. Бүх гурван нь CSS-ийг өнөөдөр вэбсайтыг үүсгэхийн тулд тохиромжтой болгохын тулд хамтран ажилладаг: модуль, өөрчилж болно, хэрэглэгчийн төвөгтэй. The Road Ahead Загварын аялал Эдгээр шинж чанарыг дэмждэг бүх браузерд одоо биш юм, гэхдээ энэ нь хурдан нэмэгдэж байна. Одоо тэднийг туршиж буй хөгжүүлэгчид CSS-ийн идэвхжүүлэхийн үед шуудангийн өмнө байх болно. Conclusion Баримтлал CSS нь орчин үеийн вэб хөгжүүлэх шаардлагыг хангахын тулд өөрчлөгдөж байна. Nesting, контейнер асуултууд, хүрээтэй загварууд загварууд нь загварыг хялбарч, ухаалаг, илүү найдвартай болгодог. Дизайнер, хөгжүүлэгчдэд энэ онцлог нь CSS-ийн одоогийн вэбсайтыг үүсгэхийн тулд илүү сайн хамтран ажиллах болно. 
 
 Энэ түүх нь Sanya Kapoor-ийн HackerNoon's Business Blogging Program-ийн дагуу хуваалцсан. Энэ түүх нь Sanya Kapoor-ийн HackerNoon's Business Blogging Program-ийн дагуу хуваалцсан.

The is an opinion piece based on the author’s POV and does not necessarily reflect the views of HackerNoon.

Read My Stories

Энэхүү аудио нь түүхийн эх хэлээр хийгдсэн болно!

Web Styling-ийн Бусад: CSS Nesting, Container Queries & Scoped Styles

About Author

Сэтгэгдлүүд

TAG ҮҮ

ЭНЭ ӨГҮҮЛЛИЙГ ТОЛГОЙЛУУЛСАН

Related Stories

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps