Програм хангамж, вэбсайт хөгжүүлэх хамгийн чухал асуудлуудын нэг бол цэс үүсгэх явдал юм. Майкрософт болон түүний хамгийн алдартай тархины бүтээл болох Windows үйлдлийн системийг хамгийн сайн жишээ болгон авах хэрэгтэй. Энэхүү бүтээгдэхүүнийг дэлхийн PC хэрэглэгчдийн дийлэнх нь ашигладаг хэдий ч шүүмжлэл буураад зогсохгүй улам бүр нэмэгдэж байна. Үндсэндээ энэ нь цэсийн байршлын тохиромжгүй байдал юм. Дараахь нь CSS болон Expression Web-д цэс хэрхэн үүсгэх талаар тайлбарласан болно.
Зааварчилгаа
1-р алхам
Хэвтээ цэс үүсгэж эхлэхийн тулд Manage Style руу ороод New Style товчийг дарна уу. Шинэ хэв маягийг сонгоно уу ul li. Чухал! Үүсгэсэн файл нь drop-down.css өргөтгөлтэй эсэхийг шалгаарай. Хэвтээ цэс хийхийн тулд бүтээсэн элементэд яг хэвтээ байх болно гэдгийг зааж өгөөрэй. Дараа нь цэс бүрийн өргөнийг тодорхойлж, жагсаалтад байгаа бүх зүйлийн урд байрлуулсан бүх шаардлагагүй цэгүүдийг хас.
Алхам 2
Layout сонголт руу ороод Display атрибутыг Inline болгож хэвтээ тэнхлэгт тохируулна. Дараа нь зүүн утгыг Float атрибут дээр тохируулаад Apply товчийг дарна уу. Жагсаалтын бүх зүйлийг нэг мөрөнд тохируулна уу. Тэдгээрийг цэвэрхэн байрлуулж, дээрээс нь мөлхөхгүй байхын тулд Width атрибут дотор Байршлын утгыг 150 px болго. Жагсаалтын бүх элементүүд ижил хэмжээтэй байгаа эсэхийг шалгана уу. Дараа нь бүх элементүүдийн өмнө цэгүүдийг арилгана уу. Үүний тулд List атрибут руу ороод List Style параметрийн None параметрийг тохируулна уу. Бүх өөрчлөлтийг хүлээн зөвшөөрч, хэрэгжүүлэхийн тулд OK дээр дарна уу.
Алхам 3
Ul li-д зориулж үсгийн хэмжээ, хэв маягийг тохируулна уу. Үүнийг хийхийн тулд Manage Styles руу ороод ul li дээр хулганы баруун товчийг дараад Modify Style-ийг сонгоно уу. Танил болсон харилцах цонх гарч ирнэ. Фонт руу ороод Font-family шинж чанарыг сонгоод Sans-serif, Arial, Helvetica гэж тохируулна уу. Дараа нь фонтын хэмжээг 0, 9 болгож тохируулна уу. Үүний дараа Text-transform атрибутыг Uppercase болгож тохируулна уу. Height - Position атрибут дахь цэсний зүйлүүдийн өндрийг тохируулж, утгыг 30 px болгож тохируулна уу.
Алхам 4
Бүх залруулах арга хэмжээг дуусгасны дараа файлаа menu.html болгож хадгална уу. Дараа нь үүсгэсэн цэсийг өөр өөр хөтөч дээр туршиж үзээд зөв ажиллаж байгаа эсэхийг шалгаарай. Таны харж байгаагаар хэвтээ цэсийн загвар нь маш энгийн байдаг.
