CSS Шигтгээ: аяндаа гарч ирэх ба нөлөө

бүх логик хялбар Cascading Style Sheets (CSS) энэ нь боломжгүй бол зөвхөн гайхалтай дизайн шийдлийг бий болгож, бас бодит кодыг гүйцэтгэлийг дуурайж, бодит үйл ажиллагааны элементүүдийг өгнө.

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

синтакс тайлбар

заасан ХЭЭРИЙН байрлуулах элемент хуудасны зүүн дээд буланд (зүүн, дээд), хэвтээ болон босоо чиглэлд хэмжээ (өргөн, өндөр) харьцангуй зохицуулдаг. Бүх зураг төсөл, хөдөлгөөнт дүрс элементүүд хос хийсэн байна "эд хөрөнгө: үнэ цэнийг".

Тодорхойлолт LINK лавлагаа түүнд зааж, хэв маягийг оруулах хуудасны код эсвэл тусдаа файлд шууд хийж байна. синтакс нь:

#name {шинж чанар: авах үнэ; шинж чанар: авах үнэ; шинж чанар: авах үнэ; ...}

болон

.Нэр {шинж чанар: авах үнэ; шинж чанар: авах үнэ; шинж чанар: авах үнэ; ...}

нэр нь мөн P, бие, HTML, хүснэгт, TD байж болно ... гэж HTML-тэмдэглэгээний тагийн нэр юм. загварын элементийн тодорхойлолтыг шууд холбоотой байж болох юм.

Та өөрийн бичих хэв маягийг бүрдүүлдэг өмнө, эсвэл дарж Ctrl-U браузер шууд үзэхийн тулд хуудасны кодыг байлгах, алдартай сайтууд дээр хийж байгаа юм яаж харах гэмтээхгүй байх.

гол параметрүүд

Ер нь CSS хүрээ элемент төлөөлж хэв маяг (хилийн маягийн), өнгө (хилийн өнгө), өргөн нь (хилийн өргөн). Энэ нь бүх л нэг эд хөрөнгийн дугнэж болно - хилийг. Та бие даан хүрээ хилээр тус бүр тодорхойлох болно (хилийн дээд, хилийн ёроолтой, хилийн зүүн, хилийн баруун).

Cascading Style Sheets ерөнхий дүрмээр тодорхойлсон CSS хүрээ:

хилийн: 3px;
хилийн өнгө: улаан,
хилийн хэв маяг: хоёр тасархай хатуу цэгтэй.

давхар, баруун дээд талд - тасархай, хатуу доод, зүүн - цэг: улаан, хэв маяг тал - Энэ тодорхойлолт 3 пиксел, өнгө хилийн өргөн тогтоодог.

хилийн өргөн: 1px 2px 4px 8px;
хилийн өнгө: цэнхэр,
хилийн хэв маяг: тасархай.

хөх, хэв маяг - - Энд, тал бүрийн хэмжээ нь бас дээд, цагийн зүүний дагуу, өнгө нь дараалуулан байна Spot.

хилийн өнгө: цэнхэр, улаан, ногоон, хар,

Энэ тодорхойлолтод, тус тусдаа талд тус бүр дээр өнгө заасан. хилийн үл хөдлөх хөрөнгийн олон параметр болон хүрээ дугуй байж болно өнцгийг оруулж болно:

хилийн: 1px хатуу ногоон;
хилийн радиус: 0px 4px 8px 12px;
-moz-хилийн радиус: 0px 4px 8px 12px;
-webkit-хилийн радиус: 0px 4px 8px 12px;

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

хүрээ, түүний зорилго зузаан нь

хүрээ зузаан сонгосноор, та PX, PT, EM ашиглаж болно ..., гэхдээ энэ нь хээрийн элементийн дотор үргэлж байдаг гэдгийг санаж байх хэрэгтэй. Энэ хүрээ нь CSS дизайн зорилготой гэж үзэх хэцүү байдаг, гэхдээ техникийн хувьд энэ хуудасны элементүүдийг тодруулахын тулд маш их ач холбогдолтой юм.

үндсэн хүрээний анги түгжигдсэн бол, энэ псевдо ангид үүнийг зааж, байхгүй нь: Hover энэ хуудсанд элементийн зочин тулд ийм цэс зүйлийг онцлон үзүүлсэн болно энэ нь хулганы заагч байх үед. Заримдаа энэ нь дүрс дээр дарж ямар нэг зүйлийг сонгох, эсвэл хаа нэгтээ ямар нэгэн юм чирэх хэрэгтэй. Энэ нь элементийн суурь, түүний агуулгыг өөрчлөхийг цэг хүрээг ашиглах биш, маш тохиромжтой байдаг.

Зарим програмууд хуудасны нутгийн хуваарилалт шаарддаг, эсвэл цаашид боловсруулах зүйлсийг сонгоно. Энэ тохиолдолд дарж үед хил нь DIV бий болгох, урт зочин хулганы товчийг гаргах биш юм шиг, сонголт харааны үр дүн харагдаж байгаа, үүнийг хэмжээг.

Гаднын дор

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

CSS хүрээ үзүүлэх синтакс өөрийн санаачилгаар, ийм төрөл бүрийн өгч болохгүй. Аяндаа гарч ирэх - агуу эхлэх, юу ч өөрсдийн хүрээг бий болгох хөгжүүлэгч сэргийлдэг. Ялангуяа интернэт технологийн бүхий л ололт амжилт, одоогийн стандартын чанаруудыг нь одоо байгаа синтакс байна (тодорхойлолтоор) үргэлж чанд албан ёсны ирсэн бодит дутагдал дээр тулгуурлан олон ирээдүйтэй санаа байна.

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