User Style Sheet гэж юу вэ?

Хэрэглэгчийн загварын хуудсыг яагаад ашиглах ёстой вэ?

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

Миний ажигласан зүйлсийн нэг нь олон вэб хуудаснууд залуу хүмүүсийн бүтээсэн явдал юм. Эдгээр хүмүүс сайн, бичил харуурын фонттой төстэй байдаг. Хэрэглэгчийн хэв маягийн хуудсыг ашиглан би фонтын хэмжээг фонтын хэмжээг тохируулж болно. Вэб дизайнеруудын өөр нэг алдартай заль мэх нь холбоосуудаас зураасыг арилгах явдал юм. Хэдийгээр энэ хуудсыг "илүү сайхан" харагдуулж болох ч энэ нь юу нь товшсоныг хэлэхэд хэцүү байдаг. Тиймээс хэрэглэгчийн загварын хуудсууд дээр очсон хуудсан дээрх холбоосууд руу буцааж тавьдаг.

Хэрэглэгчийн Style Sheet бичих

Хэрэглэгчийн загварын хуудсыг бичих нь таны вэб хуудасны CSS загварын хуудсыг бичихэд хялбар юм. Та стандарт хэвшсэн хуудсандаа ашиглаж болох бүх шинж чанар, тушаалыг ашиглаж болно. Хэрэглэгчийн хэв маягийн хуудсанд заль мэх нь энэ нь таны хатуу диск дээр хадгалагдаж байгаа бөгөөд үүнийг ашиглахын тулд өөрийн Вэб хөтчөө хэлдэг. Таны ашигладаг вэб хөтөчөөс хамаараад түүнийг тохируулах зааврууд нь өөр өөр байдаг:

Хэрэглэгчийн Style Sheets ба Accessibility

Уг фронтыг нэмэх эсвэл фонтыг илүү том болгох нь надад илүү хүртээмжтэй вэбсайт хийхэд хялбар эхлэл болох боловч хэрэглэгчийн загварын хуудсуудаас илүү хол явж чадна. Жишээ нь, олон вэб дизайнерууд нь илүү semantic болон. Хэрвээ би сохор байсан бол сонсголын хөтөч ашиглан хөтөч нь юу хийхээ мэдэхгүй, ямар нэгэн утга санааг агуулдаггүй. Гэхдээ хэрэглэгчийн хэв маягийн хуудсан дээр би тэдгээрийг тэдний семантик хамтрагчтайгаа адил хүчтэй, онцлон тэмдэглэж байхыг тодорхойлдог.

Хэрэглэгчийн Style Sheets-тай тоглох

Хэрэглэгчийн хэв маягийг ашиглах хамгийн нийтлэг арга бол доорх холбоосыг буцааж холбох явдал юм. Та доорх CSS өмчийг өөрийн хэрэглэгчийн загварын хуудсанд нэмж үүнийг хийж болно:

: холбоос,: visited {text-decoration: underline! чухал; }

Загварын тєгсгөлд нь "чухал" нэмэх нь амин чухал юм. Учир нь зохиогчийн загварын хэв маяг нь таны хэрэглэгчийн хэв маягийн хуудсыг давтах болно.

Хэрэглэгчийн хэв маягтай өөр нэгэн ашигтай трик нь зарим ядаргаатай тэмдэглэгээнүүдийг арай ядраахад хүргэх явдал юм. Энэ маягийн флаш хаяг ба маржиний хаягуудыг анивчих эсвэл гүйлгэх болгоно:

blink {текст-чимэглэл: байхгүй! чухал; } marquee {-moz-binding: none! чухал; }

Вэб дизайнерууд: Энэ санааг хадгал

Вэб хуудсыг боловсруулахдаа хэрэглэгчийн загварын хуудастай гэдгээ санах хэрэгтэй. Өөрөөр хэлбэл, та бүхэнтэй холбоотой бүх холбоос дээр анхаарлаа хандуулахыг яагаад олж харахыг асуудалтай байгаа цаг, цагийг зарцуулах болно. Та инээж болно, гэвч хэрэв та өнөөдөр хэрэглэгчийн загварын хуудсыг тавиад, дараа нь вэбсайтаа 6 сарын дотор өөрчлөх боломжтой бол хэрэглэгчийн загварын хуудсыг тохируулахаа мартсан байх магадлалтай.

Миний хийдэг зүйл бол миний вэбсайтаас вэбсайтаа үзэх, миний вэбсайтаа туршиж үзэх үндсэн профайлтай. Ингэснээр би хамгийн их тав тухтай байхын тулд Вэбийг үзэж болно, гэхдээ ихэнх хүмүүс миний Вэб хуудсыг хэрхэн үзэхийг мэддэг. Хэрэв та Internet Explorer ашиглан хайлт хийхийг шаардах юм бол, вэб хуудсаа туршиж байхдаа хэрэглэгчийн загварын хуудсыг унтраахыг санах хэрэгтэй.