Вэбсайтыг HTML-ээр бүтээж эхэлмэгц та хэмжээгээр ажиллах болно. Та өөрийн сайтыг харахыг хүсч буй хэлбэрээ харуулахын тулд таны дизайнер эсвэл өөр дизайнерын дизайнтай тохирох боломжтой байхын тулд тухайн сайтын текстийн хэмжээ болон хуудасны бусад элементүүдийг өөрчлөхийг хүсэх болно. Үүнийг хийхийн тулд та HTML "size" тагийг хайж эхэлж магадгүй, гэхдээ та хурдан хайж олох болно.
HTML хэмжээтэй шошго HTML дотор байхгүй байна. Үүний оронд таны үсгийн маяг, дүрсийг тохируулахын тулд Cascading Style Sheets-ийг ашиглах хэрэгтэй. Үнэн хэрэгтээ, сайтын текст эсвэл өөр элементэд хийх шаардлагатай харааны өөрчлөлтийг CSS -ээр зохицуулах ёстой! HTML нь зөвхөн бүтцэд зориулагдсан.
HTML хэмжээтэй хаягтай хамгийн ойр хаяг нь хэмжээст шинж чанарыг агуулсан хуучин үсгийн хаяг юм. Энэ хаяг нь HTML-н одоогийн хувилбаруудад хуучирсан бөгөөд ирээдүйд хөтөчөөр дэмжигдэхгүй байж болохыг сануулаарай! Та өөрийн HTML дэх үсгийн тэмдэгийг ашиглахыг хүсэхгүй байна! Үүний оронд та HTML элементүүдээ хэмжээгээр CSS-г сурч, вэб хуудасныхаа загварыг хэвшүүлээрэй.
Фонт Sizes
Фонтууд нь CSS-тэй тэнцэх хэмжээний хамгийн амархан зүйл юм. Зүгээр л текстийг CSS-тэй харьцуулахаас илүү Moreso та вэбсайтын талаархи илүү дэлгэрэнгүй мэдээлэлтэй байж болно. Та үсгийн хэмжээ, өнгө, бүрхүүл, жин, тэргүүлэгч гэх мэтийг тодорхойлж болно. Фонтын тагийн хамтаар та зөвхөн хэмжээг тодорхойлж болно, дараа нь хэрэглэгчийн хувьд өөр өөр байдаг браузерийн анхдагч үсгийн хэмжээтэй харьцуулахад тоогоор л тоогоор илэрхийлж болно.
12pt үсгийн хэмжээтэй бол догол мөрөө тохируулахын тулд үсгийн хэмжээ загварын шинж чанарыг ашиглана уу:
h3 {font-size = 24px; }Энэ хэв маяг нь элемент 24 элементтэй headiing3 элементийг тохируулах болно. Та үүнийг гаднах загварын хуудас дээр нэмж болох бөгөөд таны бүх H3-ууд энэ хэв маягийг ашиглах болно.
Хэрэв та текстийн нэмэлт хэлбэрийг текстэндээ нэмэхийг хүсвэл CSS дүрмэндээ нэмж болно.
h3 {font-size: 24px; өнгө: # 000; фонт-жин: хэвийн; }Энэ нь зөвхөн H3-ийн үсгийн хэмжээг тохируулаад зогсохгүй, өнгө нь хар өнгөтэй (энэ нь Hex код нь # 000 утгатай) бөгөөд энэ нь жинг "хэвийн" болгоно. Анхдагч байдлаар, хөтчүүд нь гарчиг 1-6 гарчгийг тодоор бичиж өгдөг тул энэ загвар нь анхдагч бөгөөд үндсэндээ "тодруулахгүй" текст болно.
Зургийн хэмжээ
Зургуудыг өөрчлөхийн тулд браузерыг бодитоор ашиглаж болох учраас зураг дүрс нь төвөгтэй байж болно. Мэдээжийн хэрэг, вэбсайтууд хөтөчтэй зургаа өөрчлөх нь муу санаа юм. Энэ нь хуудсыг илүү удаан ачаалахад хүргэдэг, хөтчүүд нь өөрчлөлт хийх нь тааруухан ажил хийдэг, зураг нь муу харагдаж байна. Харин та оронд нь зургийг өөрчлөхийн тулд график програм хангамжийг ашиглах хэрэгтэй бөгөөд дараа нь өөрийн Вэб хуудсанд HTML хэмжээгээр бичих хэрэгтэй.
Фонтуудаас ялгаатай нь, зураг нь хэмжээг тодорхойлохын тулд HTML эсвэл CSS ашиглах боломжтой. Та зургийн өргөн ба өндрийг тодорхойлно. Хэрэв та HTML ашигладаг бол, та зөвхөн зурагны хэмжээг цэгээр тодорхойлж болно. Хэрэв та CSS ашигладаг бол та инч, сантиметр, хувь зэрэг бусад хэмжигдэхүүнүүдийг ашиглаж болно. Энэхүү сүүлийн үнэ цэнэ, хувьсагчид нь таны вэбсайт шиг вэбсайтууд шиг шингэн байх шаардлагатай үед маш их ашигтай байдаг.
HTML ашиглан өөрийн зургийн хэмжээг тодорхойлохын тулд img тагны өндөр ба өргөн шинж чанарыг ашиглана уу. Жишээ нь, энэ зураг нь 400x400 пиксел квадрат болно:
height = "400" width = "400" alt = "image" />CSS ашиглан таны зургийн хэмжээг тодорхойлохын тулд өндөр, өргөн загварын шинж чанаруудыг ашиглана уу. Хэмжээг нь тодорхойлохын тулд CSS-г ашиглана:
style = "height: 400px; width: 400px;" alt = "дүрс" />Layout хэмжээ
Загварт багтах хамгийн нийтлэг хэмжээ бол өргөн бөгөөд хамгийн эхний ээлжинд та нарыг өргөн цар хүрээтэй эсвэл хариу үйлдэл бүхий вэбсайт ашиглах эсэхээ шийдэх хэрэгтэй. Өөрөөр хэлбэл өргөнийг цэгийн тоог, инч буюу цэгийн тоогоор тодорхойлно уу? Эсвэл таны байршлын өргөнийг ялгарах, эсвэл хувиар ашиглана уу? Таны байршлын хэмжээг тодорхойлохын тулд, та зургийн хэмжээгээр өргөн, өндөр CSS өмчийг ашигладаг.
Тогтмол өргөн:
style = "width: 600px;">Шингэн өргөн:
style = "width: 80%;">Таны байршлын өргөний талаар шийдэхдээ, таны уншигчид ашиглаж болох хөтөчийн өргөн болон тэдний ашиглаж болох өөр өөр төхөөрөмжүүдийг санаж байх хэрэгтэй. Тиймээс өөр өөр төхөөрөмжүүд болон дэлгэцийн хэмжээн дээр үндэслэн байрлал, хэмжээг өөрчилж чаддаг хариу вэб сайтууд нь өнөө үед хамгийн сайн практик стандарт юм.