Хэвтээ цэсийг хэрхэн яаж хийх вэ

Агуулгын хүснэгт:

Хэвтээ цэсийг хэрхэн яаж хийх вэ
Хэвтээ цэсийг хэрхэн яаж хийх вэ

Видео: Хэвтээ цэсийг хэрхэн яаж хийх вэ

Видео: Хэвтээ цэсийг хэрхэн яаж хийх вэ
Видео: 7 лайфхаков с ГОРЯЧИМ КЛЕЕМ для вашего ремонта. 2024, Арваннэгдүгээр
Anonim

Цэс бий болгох нь сайт, програм хөгжүүлэх гол цэгүүдийн нэг байх. Нэмж дурдахад ийм цэсийг сайтар боловсруулж, логик дизайн хийх нь сайтын нүүр царай эсвэл аливаа програм юм. Жишээлбэл, Майкрософт болон Windows 7 үйлдлийн системийг авч үзье, Windows 7 гарсны дараа Майкрософт өөртөө зусардамгүй олон шүүмжлэл сонссон. Олон шүүмжлэл гарч байсан боловч ихэнхдээ тохиромжгүй байрлалтай цэсийн зүйлүүд байдаг. CSS болон Expression Web ашиглан хэвтээ уналтын цэс хэрхэн үүсгэх талаар энэ зааврыг анхааралтай уншина уу. Цэс үүсгэхийн тулд шошгоны хэв маяг өөрчлөгдөнө

  • Хэвтээ цэсийг хэрхэн яаж хийх вэ
    Хэвтээ цэсийг хэрхэн яаж хийх вэ

    Зааварчилгаа

    1-р алхам

    Styles Manage руу ороод New Style товчийг дарна уу. Дөнгөж үүсгэсэн шинэ хэв загвартаа Selector ul li гэсэн нэр өг. Мөн drop-down.css файлд шинэ хэв маягийг тодорхойлсон байх ёстойг санаарай.

    Алхам 2

    Хэвтээ цэс сунгахын тулд цэсийн зүйлийг хэвтээ байдлаар нь хэлэх хэрэгтэй. Дараа нь та цэс бүрийн өргөнийг тодорхойлж, жагсаалтын бүх зүйлийн өмнө бүх шаардлагагүй цэгүүдийг арилгах хэрэгтэй.

    Алхам 3

    Хэвтээ тохируулахын тулд Layout руу орж, дэлгэцийн шинж чанарыг inline болгон тохируулна уу. Хөвөгч шинж чанарыг зүүн тийш нь тохируулна уу. Хэрэглэх товчийг дарна уу. Жагсаалтын бүх зүйлийг нэг мөрөнд тохируулсан байх ёстой. Тэд хоорондоо давхцахгүй байхын тулд та дараах зүйлийг хийх хэрэгтэй: width шинж чанарын Position утгаыг 150px болгож тохируулна уу. Одоо үүнийг шалгаж үзээрэй. Жагсаалтын бүх элементүүд ижил хэмжээтэй байх ёстой.

    Алхам 4

    Одоо бид жагсаалтын зүйлүүдийн урд цэгүүдийг арилгахыг хичээх хэрэгтэй. Үүнийг хийхийн тулд List руу ороод list-style –type атрибутыг none гэж тохируулна уу.

    Алхам 5

    Бүх өөрчлөлтийг хүлээн авахын тулд OK дээр дарна уу.

    Алхам 6

    Ul li хэв маягт зориулж үсгийн хэмжээг тохируулахын тулд та дараах зүйлийг хийх хэрэгтэй. Загваруудыг удирдах хэсэгт ul li style дээр хулганы баруун товчийг дарж Modify Style-г сонгох хэрэгтэй. Атрибут нэмэх эсвэл өөрчлөх танил харилцах цонх нээгдэнэ. Фонтын категори руу ороод фонтын гэр бүлийн шинж чанарыг Arial, Helvetica, sans-serif-д тохируулна уу. Дараа нь фонтын хэмжээтэй атрибут руу очоод 0.9em болгож тохируулна уу. Үүний дараа текст хувиргах шинж чанарыг тохируулж, түүний утгыг том үсгээр тохируулна уу.

    Алхам 7

    Үүсгэсэн цэсний зүйлүүдийн өндрийг Position ангилалд тохируулж болно. Өндөр шинж чанарыг 30px болгож тохируулна уу.

    Алхам 8

    Дараа нь та menu.html файлыг хадгалах хэрэгтэй. Үүний тулд Expression Web файлыг хадгалахын тулд шаардлагатай Embedded Files Save цонхыг нээнэ. Унтраах файлыг хадгална уу. Хадгалахын тулд OK дарна уу.

    Алхам 9

    Одоо үр дүнгээ шалгана уу. Найдвартай байдлын хувьд өөр өөр хөтөч дээр туршиж үзэх нь дээр. Анхдагч хөтөч дээр авсан үр дүнг шалгахын тулд та гарынхаа F12 товчийг дарах хэрэгтэй.

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