Компьютер, Програм хангамж
Дусал доош нь CSS цэсийг гаргах вэ
Өнөөдөр бид "Би дусал доош нь CSS цэсийг хэрхэн бий болгох вэ?" Гэсэн асуултыг авч үзэх болно. Энэ зүйл нь ямар ч нэмэлт хөрөнгө холбосон ч хийж болно гэж нэг удаа хэлж байх ёстой. Энэ цэс нь зөвхөн CSS болон HTML нь бий болно юм.
сургалт
дугаар зүйлд дотор юу вэ бүрэн ойлгохын тулд, та онолын материал нь танилцах жаахан хэрэгтэй. Харин та нар псевдо ангид мэддэг бол та энэ зүйлийг алгасаж болно. «: Hover» Тиймээс, босоо дусал доош нь CSS цэс үүсгэх, бид нэгэн элемент хэрэгтэй. псевдо ": Hover» ямар оноож болно HTML таг. Энэ нь та зүйл нь таны хулганаа Hover хором тодорхойлох боломжийг олгодог. «Нь: Hover {: улаан өнгө,}» Жишээ нь, бид өмч томилсон билээ. Энэ оруулга та хулганыг аваачиж байх үед гэсэн үг хулгана ямар ч хаяг нь агуулгын улаан идэвхжүүлдэг. Энэ псевдо-элемент мөн идэвхигүй байна гэж тэмдэглэх нь зүйтэй юм. Дашрамд хэлэхэд, «: Hover» ижил төстэй элементүүдийг холбоотой байна. Гэхдээ энэ нь бид псевдо CSS дусал доош цэс үүсгэх болно.
сургалт
Эхлээд нэг дусал доош цэс гэж юу болохыг ойлгох болтугай. Энэ тодорхойлолтын дагуу өөр өөр байрлал барих өөр өөр арга барил нь маш их авдаг. Энэ тохиолдолд бид хэд хэдэн байнга харагдах зүйлсийн болон хэд хэдэн нэмэлт (далд) бүрдсэн бүтцийг дүн шинжилгээ хийх болно. -ийн онол нь дуусгаж, дадлага эхлэх үзье.
- Бид цэс зохион байгуулалтыг бий болгож байна. Энэ нь HTML-код нь хаяглалтыг хийж, хэрэгтэй. нь түүвэрлэсэн жагсаалт үүсгэнэ:
- <Ли> <Ли>
- <Ли> <Ли> <Ли> < / UL>. Энэ мэт ямар нэг зүйл таны дусал доош цэс шиг харагдах ёстой. CSS дараа нь оролцох юм. Энэ тохиолдолд үндсэн жагсаалт хаалттай гол гурван газар, хоёр бүрдэнэ.
- дэд цэс нуух. Энэ нь бид загварчлах ашиглах нь дараах шинж чанарыг тодорхойлох: ул ул {дэлгэц: Байхгүй;} Энэ нь дэлгэцэн дээр хоёр дахь жагсаалтын элементүүдийг устгах болно.
- Цэс CSS үүсгэх гол жагсаалтаас доош буурах. Cascading Style Sheets дараах дүрмийг бичих: ул Ли: UL хулганыг аваачиж {дэлгэц: блок;}. Энэ оруулга (хавсаргасан) хулгана элемент Ли, UL жагсаалтад оршдог дэлгэц UL дээр гарч гаруй үед гэсэн үг юм. Анх харахад ийм схем ярвигтай, толгой эргүүлэм санагдаж болох юм. Гэвч үнэн хэрэгтээ, бүх зүйл нь маш энгийн юм.
- хаягууд <Ли> Таны агуулгыг оруулан энэ зохион байгуулалтыг өөрөө ашиглана. Та жагсаалт элементүүдийн тоог өөрчилж болно.
гоёл чимэглэлийн өөрчлөлт
Удалгүй үндсэн цэс төлөвлөгөө бэлэн байдаг шиг, та бүртгэлд гүйцэтгэж болно. Магадгүй, бэлэн эхний ээлжинд олон жагсаалтын зүйлийг харуулж маркер салахыг. Энэ нь нэг үл хөдлөх хөрөнгийн CSS, тухайлбал жагсаалт загварын төрөл ашиглан хийгддэг. Ли {жагсаалт загварын төрөл: аль нь ч;} Та дараах оруулга нэмэх шаардлагагүй. Дараа нь та хүрээ оруулж чадна суурь. хилийн болон суурь энэ танд тусална. Магадгүй зарим нь татах доош цэс ижил үндсэн элемент дээр тулж, нэмэлт жагсаалтад харагдах болно шиг биш юм. Үүнийг засахын тулд, та нар үүнийг байрлуулж чаддаг. Үүнийг хийхийн тулд Cascading Style Sheets дараах оруулгыг бичих: ул ул {Албан тушаал: үнэмлэхүй; Зүүн талд: 15px; Баруун талд: 15px; TOP: 15px; Доод: 15px;}. Мэдээж хэрэг, утга та өөрийн ашиглаж болно. Та дусал цэсийг харахыг хүсэж хаана хамаарч, CSS янз бүрийн нөлөөг нэмж, манай жагсаалтыг засах боломжтой олон боломжуудыг санал болгож байна.
дүгнэлт
дахин нэг удаа энэ цэс зохион байгуулах тэмдэглэх нь зүйтэй юм. UL UL Жишээ нь, энэ тохиолдолд суулгагдсан үнэ ашигласан CSS дүрмийг зааж, хэрэгтэй. Та түүнтэй адилтгах бусад бүтцийг хангах баримт бичиг байгаа бол том асуудал байж болох юм. Эдгээр тохиолдлуудад, та жишээ нь, сонгон шалгаруулагчийн эсвэл ID-ID-нь, тодорхой зорилгыг ашиглах хэрэгтэй. Дээрх нийтлэл байршил дусал доош цэс ерөнхий загварыг танилцуулах зорилготой юм. ажлын үлдсэн хэсэг нь таны мөрөн дээр тулгуурладаг.
Similar articles
Trending Now