CSS байршуулалт нь вэбсайтынхаа байршлын талаар бүхэлд нь бодож, дараа нь хэсгүүдийг авч тэдгээрийг нэгтгэхийг шаарддаг. CSS-тэй энгийн 3-баганын байрлалыг хэрхэн бүтээх талаар суралцаарай.
01 - 09
Өөрийнхөө байрлалыг зур
Та өөрийн загварыг цаасан дээр эсвэл график програмаар зурж болно. Хэрвээ та утсан хүрээ эсвэл илүү өргөн хүрээтэй дизайнтай бол сайтын бүрдүүлэх үндсэн хайрцагт хялбаршаарай. Энэ нийтлэлд орсон энэхүү загвар нь үндсэн контентын талбарт гурван багана, түүнчлэн толгой ба хөлөө байрлуулдаг. Хэрэв та анхааралтай харвал гурван баганын өргөн нь тэнцүү биш гэдгийг харж болно.
Хийсвэр зураглалаа хийсний дараа та хэмжээсийн талаар бодож эхлэх боломжтой. Энэ жишээ загвар нь дараах үндсэн хэмжигдэхүүнүүдтэй байна:
- 900-аас хэтрэхгүй өргөнтэй
- Зүүн талд 20кх зайтай
- Багана, эгнээ хоорондох 10 ккx
- 250px, 300px, болон 300px хэмжээтэй багана
- Хамгийн дээд мөр нь 150px өндөр юм
- Хамгийн доод мөр нь 100px өндөр
09 сарын 02
Үндсэн HTML / CSS бичих ба Container Element-ийг үүсгэнэ
Энэ хуудас нь хүчинтэй HTML баримт байх тул, хоосон HTML контейнерээс эхлээрэй
CSS үндсэн хэв маягийг нэмж хуудасны хил хязгаар, хил хязгаар, орон зайг оруул . Шинэ баримт бичгүүдэд зориулж өөр CSS стандарт байдаг боловч эдгээр загварууд нь цэвэрхэн байршилтай байх шаардлагатай. Документийнхаа толгойд нэмнэ үү: