Mixin CSS гэж юу вэ?

Видео: Mixin CSS гэж юу вэ?

2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50

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

Үүний дагуу би CSS дээр Mixins-ийг хэрхэн ашиглах вэ?

Бүтээж байна холимог @-ээр холино дүрэм Холимог Баримт бичгийн зохиогчдод өмчийн үнэ цэнийн хос загварыг тодорхойлохыг зөвшөөрч, дараа нь бусад дүрмийн багцад дахин ашиглах боломжтой. The холино нэр нь ангиллыг тодорхойлдог анги сонгогч юм холино зарлаж байна. @ холино гэсэн түлхүүр үгийн ард заавал байх ёстой холино нэр ба мэдэгдлийн блок.

Нэмж хэлэхэд, SCSS дахь Mixins гэж юу вэ? Холимог Таны загварын хуудсанд дахин ашиглаж болох хэв маягийг тодорхойлох боломжийг танд олгоно. Эдгээр нь семантик бус ангиудыг ашиглахаас зайлсхийхэд хялбар болгодог. float-left, мөн номын санд хэв маягийн цуглуулгуудыг түгээх. А холигч нэр ямар ч байж болно Сасс танигч бөгөөд дээд түвшний мэдэгдлээс өөр ямар ч мэдэгдлийг агуулж болно.

Үүнтэй холбогдуулан та Mixins-ийг хэрхэн ашигладаг вэ?

руу ашиглах а Холимог , бид зүгээр л ашиглах @include араас нь нэрийг бичнэ Холимог болон цэгэн цэг. Энэхүү SCSS кодыг CSS болгон хөрвүүлсний дараа манай CSS файл иймэрхүү харагдах ёстой.

Та яагаад холигч хэрэглэх ёстой гэж?

Холимог . Холимог кодыг дахин ашиглахыг дэмжих ба чадна байх дэг байсан олон удамшлын удамшлын тодорхой бус байдлаас зайлсхийх чадна шалтгаан ("алмазын асуудал"), эсвэл руу хэл дээр олон өв залгамжлалыг дэмжихгүй байх талаар ажиллах. А холих лааз мөн хэрэгжүүлсэн аргуудтай интерфейс гэж үзэж болно.

Зөвлөмж болгож буй:

Блок CSS гэж юу вэ?

Блок түвшний элементүүд Блок түвшний элемент нь үргэлж шинэ мөрөнд эхэлж, боломжтой бүх өргөнийг эзэлдэг (боломжийнхоо хэрээр баруун, зүүн тийш сунадаг). Элемент нь блок түвшний элемент юм. Блок түвшний элементүүдийн жишээ:

CSS-д өнгө өвлөх гэж юу вэ?

CSS өв залгамжлал нь үл хөдлөх хөрөнгийн үндсэн дээр ажилладаг. Баримт бичгийн элементэд хэрэглэх үед 'өвлөх' утгатай шинж чанар нь тухайн өмчийн үндсэн элементтэй ижил утгыг ашиглана. div элементийн дэвсгэр өнгө нь цагаан, учир нь background-color шинж чанарыг цагаан болгож тохируулсан

CSS дээр хүүхэд гэж юу вэ?

CSS Child vs Descendant сонгогчид. Хүүхэд сонгогч: Хүүхэд сонгогч нь заасан элементийн хүүхэд бүх элементүүдийг тааруулахад ашиглагддаг. Энэ нь хоёр элементийн хоорондын хамаарлыг өгдөг. >-ийн зүүн талын операнд нь эцэг эх, баруун талын операнд нь хүүхэд элемент юм

Тодорхой CSS гэж юу вэ?

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