Арын дэвсгэрийг хэрхэн тохируулах талаар

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

Арын дэвсгэрийг хэрхэн тохируулах талаар
Арын дэвсгэрийг хэрхэн тохируулах талаар

Видео: Арын дэвсгэрийг хэрхэн тохируулах талаар

Видео: Арын дэвсгэрийг хэрхэн тохируулах талаар
Видео: Best PowerPoint Templates free Powerpoint-ийн гоёмсог бэлэн загвар үнэгүй авч ашиглах 2024, Арваннэгдүгээр
Anonim

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

Арын дэвсгэрийг хэрхэн тохируулах талаар
Арын дэвсгэрийг хэрхэн тохируулах талаар

Шаардлагатай

CSS файлыг засах

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

1-р алхам

Ихэнх тохиолдолд сайтын дизайны код style.css файлд байрладаг. Гэхдээ загвар бүр өмнөх загвараас өөр байж болох тул дизайны кодыг өөр файлд байрлуулахаас гадна css өргөтгөлтэй хамт байрлуулж болно. Өөрийн сайтын арын өнгийг тохируулахын тулд одоо байгаа утгыг дараахь илэрхийлэлээр оруулах эсвэл солих шаардлагатай: / * цагаан дэвсгэр * / бие {

дэвсгэр өнгө: #FFFFFF;} / * цагаан гарчгийн дэвсгэр, хар фонтын өнгө * / h1 {

өнгө: # 000000;

арын өнгө: #FFFFFF;

}

Алхам 2

Өөрийн сайтад дэвсгэр зураг оруулахын тулд та одоо байгаа утгыг дараахь илэрхийлэлээр оруулах эсвэл орлуулах ёстой: body {

арын өнгө: # 000000;

background-image: url ("Image-1.jpg");

}

Энэ тохиолдолд css файлтай нэг хавтсанд байрлах зургийн файлын холбоосыг өгөх шаардлагатай байгааг тэмдэглэх нь зүйтэй.

Алхам 3

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

дэвсгэр-давталт: давталт-х - зургийг x тэнхлэгийн дагуу давтах;

дэвсгэр-давталт: давталт-у - зургийг y тэнхлэгийн дагуу давтах;

дэвсгэр-давталт: давтах - зургийг нэг тэнхлэгийн дагуу хоёр тэнхлэгийн дагуу давтах;

дэвсгэр-давталт: давтахгүй - зураг давтагдахгүй;

дэвсгэр хавсралт: гүйлгэх - зургийг хуудасны хамт гүйлгэх;

дэвсгэр хавсралт: тогтмол - зураг гүйлгэхгүй.

Энэ тушаалын синтаксийг ашиглан та хэрхэн ажилладагийг жишээн дээр харуулах болно.

background-position: 30px 40px - Зураг дээрээс 30 пиксел доош, зүүнээс баруун тийш 40 пиксел байна.

арын байрлал: 60% 35% - Зүүн дүүргэлт 60%, дээд дэвсгэр 25% байна.

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