Хэрэв та вэбсайт хийж байгаа бол зочдын хөтөч дээр хуудсыг харуулах тохиргоог заавал анхаарч үзэх хэрэгтэй. Ялангуяа холбоосын шошго дотор байрлуулсан зургуудыг анхдагч байдлаар цэнхэр нэг цэг (пиксел) өргөн хүрээтэй хөтөч нар тоймлон харуулдаг. Хуудасны элементүүдийн хэмжээг тохируулах, тэдгээрийн өнгөт дизайныг тодорхойлохдоо үүнийг анхаарч үзэх хэрэгтэй. Асуудлын өөр шийдэл байдаг - HTML болон CSS-ийг ашиглан хөтчүүдийг жаазыг харуулахгүй байхыг албаддаг.
Зааварчилгаа
1-р алхам
Хэрэв таны хуудасны дизайны хувьд холбоос бүхий тодорхой нэг зургаас эсвэл цөөн хэдэн дүрсийг хасахад хангалттай бол тэг утгатай хилийн шинж чанарыг тэдгээрийн хаяг дээр нэмэхэд хангалттай байх болно. Нэмж дурдахад холбоос бүхий зургуудын HTML код дараах байдалтай байж болно: Та мөн загварын шинж чанаруудыг ашиглаж болно - эдгээр сонголтууд нь тэнцүү байна. Style атрибут ба түүнд заасан хилийн тэг утгатай ижил код дараах байдалтай байна: Style атрибутыг ашиглахдаа тэг утгыг (0px) "байхгүй" текстээр орлуулж болно (ишлэлгүйгээр).
Алхам 2
Хэрэв та хуудсан дээр байрлуулсан холбоос бүхий бүх зургуудад хүрээний харагдахаас урьдчилан сэргийлэхийг хүсвэл HTML кодын нэг газарт үүнийг хийх нь илүү хялбар байдаг. Үүнийг хийхийн тулд хуудасны хэв маягийн тодорхойлолтыг бүх холбоосуудад нийтлэг дүрмээр баримт бичгийн гарчгийн хэсэгт (ба хаягуудын хооронд) байрлуулах хэрэгтэй. Та энэ дүрмийг дараах байдлаар бичиж болно: img {border: none;} Үүнийг CSS доторх хэв маягийн тодорхойлолтыг браузерт мэдэгдсэн шошго дотор байрлуулах хэрэгтэй.
img {border: none;}
Алхам 3
Хэрэв та өөр хуудас руу шилжихгүйгээр текстийн холбоос дээр дарахад ямар нэгэн үйлдэл хийдэг хуудсан дээр JavaScript скрипт ашигладаг бол зарим хөтөч дээр болон текстийн холбоосыг дарсны дараа ижил төстэй тасархай хүрээ хэвээр үлдэнэ. Энэхүү дизайныг зөвшөөрөлгүй өөрчлөхөөс урьдчилан сэргийлэхийн тулд CSS хэв маягийн тодорхойлолтын блок руу текст холбоос хийх зохих дүрмийг оруулна уу.
a {тойм: байхгүй;}
