Агуулгын хүснэгт:
Видео: Та CSS дээр Absolute-г хэрхэн байршуулдаг вэ?
2024 Зохиолч: Lynn Donovan | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-15 23:50
Үнэмлэхүй
онд байрлал : харьцангуй, элемент нь өөртэйгөө харьцангуй байрлалтай. Гэсэн хэдий ч туйлын байрлалтай элемент нь эцэг эхтэйгээ харьцангуй юм. -тэй элемент байрлал : үнэмлэхүй ердийн баримт бичгийн урсгалаас хасагдсан. Энэ нь эх элементийнхээ эхлэх цэг (зүүн дээд буланд) руу автоматаар байрладаг.
Үүнээс CSS-д үнэмлэхүй байрлал гэж юу гэсэн үг вэ?
Үнэмлэхүй . Үнэмлэхүй байрлал баримтыг баримт бичгийн урсгалаас гаргаж авдаг. Энэ гэсэн үг Энэ нь ямар ч хөдөлгөөнгүй, харьцангуй орон зайг эзлэхээ больсон хийдэг . Хэзээ үнэмлэхүй байр суурь элемент дээр ашиглагдаж байгаа бол энэ нь хамгийн ойрын эцэг эхтэй шууд хамааралтайгаар байршдаг байрлал харьцангуй үнэ цэнэ.
Та CSS-д харьцангуй элементийг хэрхэн байрлуулах вэ? 2 хариулт. байрлал : туйлын хүсэл байрлал нь бүрэлдэхүүн координатаар, хамаатан садан хамгийн ойр байрлах өвөг дээдэс, өөрөөр хэлбэл хамгийн ойрын эцэг эх байрлал : статик. Дөрвөн div-ээ зорилтот хэсэгт байрлуул див , зорилтоо өг div байрлал : хамаатан садан , ашиглах байрлал : бусад дээр үнэмлэхүй.
Мөн үнэмлэхүй, харьцангуй байрлалыг хэрхэн ашиглах вэ?
Хэрэв та зааж өгвөл байрлал : хамаатан садан , тэгвэл та чадна ашиглах элементийг зөөхийн тулд дээд эсвэл доод, зүүн эсвэл баруун хамаатан садан баримт бичигт ихэвчлэн тохиолддог газар. Үнэмлэхүй байр суурь : Та зааж өгөх үед байрлал : үнэмлэхүй , элементийг баримтаас хасч, яг таны зааж өгсөн газарт байрлуулна.
Тунгалаг байдал нь CSS-ээр өвлөгддөг үү?
тунгалаг байдал . The тунгалаг байдал дахь өмч CSS элемент хэр ил тод болохыг тодорхойлдог. Тунгалаг байдал өгөгдмөл анхны утга нь 1 (100%) тунгалаг ). Тунгалаг байдал биш өвлөн авсан , гэхдээ эцэг эх нь байгаа учраас тунгалаг байдал Энэ нь доторх бүх зүйлд хамаатай.
Зөвлөмж болгож буй:
Та CSS дээр flex-ийг хэрхэн ашигладаг вэ?
Дүгнэлт Дэлгэц ашиглах: flex; уян хатан савыг бий болгох. Зүйлүүдийн хэвтээ байрлалыг тодорхойлохын тулд justify-content ашиглана уу. Зүйлүүдийн босоо байрлалыг тодорхойлохын тулд align-items-ийг ашиглана уу. Хэрэв танд мөрийн оронд багана хэрэгтэй бол flex-direction ашиглана уу. Зүйлийн дарааллыг эргүүлэхийн тулд эгнээ-урвуу эсвэл баганын урвуу утгыг ашиглана уу
Би CSS дээр сүлжээний байршлыг хэрхэн үүсгэх вэ?
Дөрвөн чухал алхмыг тоймлон авч үзье: Контейнерийн элемент үүсгэж, түүнийг дэлгэцээр зарлана: grid;. Grid-template-columns болон grid-template-rows шинж чанаруудыг ашиглан сүлжээний замуудыг тодорхойлохын тулд ижил контейнер ашиглана уу. Хүүхэд элементүүдийг саванд байрлуул. Сүлжээний цоорхойн шинж чанарыг ашиглан сувгийн хэмжээг зааж өгнө
CSS дээр текст сонгохыг хэрхэн зогсоох вэ?
Хариулт: CSS::selection псевдо-элементийг ашиглана уу. Анхдагч байдлаар, та хөтчөөс зарим текстийг сонгохдоо үүнийг цэнхэр өнгөөр тодруулдаг. Гэхдээ та CSS::selection псевдо-элементээр энэ тодруулалтыг идэвхгүй болгож болно
Та хуудсыг бүхэлд нь CSS дээр хэрхэн голлуулах вэ?
CSS ашиглан вэбсайтынхаа бүтцээ хэвтээ байдлаар төвлөрүүлэх Нэгдүгээр алхам: HTML. DOCTYPE зарлах. Вэб сайтын боодол болох анхны "боодол" DIV-г үүсгэ. <! Хоёрдугаар алхам: CSS. Боодлын ID-г зарлах -- та өргөнийг ЗААВАЛ зарлах ёстой (өөрөөр бол та үүнийг хэрхэн голлуулах вэ?) 'auto'-ын зүүн ба баруун захыг ашиглана уу
Би CSS дээр фонтыг хэрхэн загварчлах вэ?
CSS-ээр фонтыг хэрхэн өөрчлөх вэ Үсгийн фонтыг өөрчлөхийг хүссэн текстээ олоорой. Бид үүнийг жишээ болгон ашиглах болно: Текстийг SPAN элементээр хүрээлээрэй: Атрибутыг span шошгонд нэмнэ үү: Загварын шинж чанар дотор font-family хэв маягийг ашиглан фонтыг өөрчил. Үр нөлөөг харахын тулд өөрчлөлтүүдийг хадгална уу