"Толгой" буюу вэб хуудасны дээд хэсэг нь танай сайтыг өвөрмөц болгож, бусдаас ялгарч, интернет төслийнхөө онцлогийг тусгах боломжийг олгодог. Анхны бөгөөд сайн хийгдсэн толгойн тусламжтайгаар та ямар ч вэб хуудсыг чимэглэх, сайжруулах боломжтой бөгөөд толгойг өөрөө хийхийн тулд энэ вэб элементийг хэрхэн яаж байрлуулах талаар сурах хэрэгтэй.
Зааварчилгаа
1-р алхам
Хэрэв та сайтаа статик, тогтмол хэмжээстэй байлгахыг хүсч байвал дэлгэцийн өргөний өөрчлөлтөөс хамааран өөрчлөгдөхгүй статик толгой үүсгэх хэрэгтэй. Толгойн өргөн ба өндрийг тодорхойлж (жишээлбэл, 996х230), дараахь CSS кодыг ашиглан арын зургийг дээд блоконд оруулна уу, энд header-1.jpg
дэвсгэр: # a6b7d3 url (img / header-1.jpg) давтахгүй;
өргөн: 996px;
өндөр: 230px;
} Энэ төрлийн толгойн HTML код дараах байдалтай байна:
Алхам 2
Хэрэв тухайн сайтыг түүний хэмжээ нь дэлгэцийн өргөнтэй тохирч байхаар бүтээсэн бол дэлгэцийн бүх үндсэн нарийвчлалыг харгалзан толгойг хэвлэх хэрэгтэй. Ийм толгойн хамгийн их өргөн нь 1920 пиксел байх ёстой. Ийм толгой оруулахын тулд CSS кодыг ашиглана уу: # header {background: # a6b7d3 url (img / header-2.jpg) давтагдахгүй төв; өндөр: 250px;} Энэ тохиолдолд HTML код өмнөх кодтой төстэй байна. CSS кодыг зарим параметрүүдэд өөрчилсөн бөгөөд одоо толгойн дүрсийг төвлөрүүлэх шинж чанартай болсон бөгөөд энэ нь арын дэвсгэрийг дэлгэцийн аль ч өргөнтэй тохируулах боломжийг олгодог.
Алхам 3
Та мөн илүү төвөгтэй толгой үүсгэж, хэд хэдэн дэвсгэр блок болгон хувааж болох бөгөөд энэ нь харах цонхны хэмжээнээс хамааран байрлалаа өөрчлөх болно. Ийм толгойд зориулсан CSS нь илүү төвөгтэй бөгөөд өргөн цар хүрээтэй бөгөөд таны сайтыг үзэх боломжтой хөтөчийн цонхны хөвөгч хэмжээсийн дагуу хэд хэдэн суурь элементийг давтахыг шаарддаг.
