CSS-ийг сурч байгаа хүмүүст хэрэгтэй 7 эх сурвалж

2024 Зохиолч: Malcolm Clapton | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2023-12-17 04:05

Үе шаталсан загварын хуудас нь уйтгартай HTML-г сэтгэл татам болгодог. Lifehacker нь CSS-ийг илүү сайн ойлгоход тань туслах орос, англи хэл дээрх сайтууд болон вэб нэвтэрхий толь бичгүүдийг сонгосон.

World Wide Web Consortium (W3C) 1996 онд CSS (Cascading Style Sheets) технологийг санал болгосон. Тэр цагаас хойш вэб хөгжүүлэгчид сайтын өвөрмөц дизайныг бий болгохын тулд каскадын загварын хуудсыг ашиглаж байна.

Хорин жилийн өмнө хөгжүүлэгчид үсгийн сонголт, текстийн шинж чанар, хуудасны элементийн өнгөөр тоглодог байсан. Өнөө үед хөдөлгөөнт дүрс, сүүдэр, градиент, antialiasing болон бусад олон дэвшилтэт зүйлс хийгдэж байна.

Chrome өргөтгөл эсвэл Firefox-ын нэмэлтийг суулгаж, дуртай сайтуудаа шаталсан загварын хуудасгүйгээр биширээрэй.

Өөрчлөлтүүд нь үргэлж биш ч гэсэн гайхалтай байх болно. Жишээлбэл, мэдээний агрегатор бараг өөрчлөгдөхгүй: энэ нь хоёр, хоёр шиг энгийн. Гэсэн хэдий ч эх сурвалжийг сард 150 сая гаруй удаа үздэг.

CSS-ийн нарийн ширийн зүйлийг хаанаас сурах вэ

1. HTML ном

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

Эндээс та өөрөө тайлбарласан зааварчилгаа, каскадын загварын хуудасны талаархи түгээмэл асуултуудын хариултыг олох болно. Одоогийн гурав дахь CSS тодорхойлолтын талаархи зааварчилгааны нийтлэлүүд бас бий.

2. Вэб лавлагаа

CSS-ийн цагаан толгойн үсгийн лавлагааг санал болгож байна. Өмч бүр нь товч тайлбар, синтакс, амьд жишээтэй. Асуулт асуухаас бүү эргэлз - төслийн зохиогчид холбогдож, дэлгэрэнгүй мэдээллийг дуртайяа ярилцана.

3. CSS лавлагаа

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

4. CSS Design Awards

Боловсрол бол урт, заримдаа уйтгартай бизнес юм. Хүнд хэцүү үед туслах сэдэл олох нь сайхан байх болно. Бид бусад вэб дизайнеруудаас, эс тэгвээс сайтаас урам зориг авах болно. Чанартай төслийг энд өдөр бүр танилцуулдаг бөгөөд энэ нь хичээх ёстой зүйлийн үлгэр жишээ болж өгдөг. Ялагчдын ихэнх нь үнэхээр гайхшрал төрүүлдэг. Хүссэн нэр дэвшигчдээ саналаа өгөхөө мартуузай.

5. CSS Zen Garden

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

Лавлагааны HTML-г ачаалж, загвараа нэмээд бүгдийг нь буцааж илгээнэ үү. Магадгүй таны арга барил хамгийн сайн байх болно. Дашрамд хэлэхэд та өөр хэн нэгний хувилбарыг татаж аваад хэрхэн хэрэгжиж байгааг харах боломжтой.

6. CSSPlay

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

7. CSS Lint

Хэрэв бидний гар шулуун ургадаг бол бидэнд хэн нэгнийх яагаад хэрэгтэй вэ? Үнэхээр харуулж байна уу. Үндсэн CSS синтакс шалгахаас гадна вэб үйлчилгээ нь хуудсыг ачаалах хурдад нөлөөлдөг дүрмүүдтэй нийцэж байгаа эсэхийг шалгадаг. Гаралт нь сайхан, хөтөчид ээлтэй CSS юм.