CSS нөлөө: элементүүдийг дугуйрсан булан

Cascading Style Sheets нь синтакс хамгийн гэнэтийн загварыг олж авах боломж байсан ч програмчлал, хүний сайтуудын хөгжил хол байдаг болохоор зүгээр л зорилготой юм. Магадгүй хүүхдүүд, блок хүн бүрийн санах ойд байсаар тоглож HTML-д олон талт туршлага ашиглаж байгаа нь CSS хялбар байдаг.

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

Өнөөг хүртэл ямар нэг тойрог, радиус дугуйрсан муруй шулуун гэх мэт. П. цогц математикийн тэгшитгэл буюу маш жижиг мөс, trapezoids, гурвалжин буюу шугам дээр цэг мэт нүдэнд ялгаатай бусад rectilinear элементүүдийг тайлбарладаг вэ.

Сонгодог Шулуун дизайн

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

хуудсан дээр хэрэглэгддэг аливаа элемент нь тэгш өнцөгт талбай, нь энэ нь хэд хэдэн хэсгийг нь тохиолдол бүрт krossbrauzernosti шаардлага тэмдэглэгээний онцлог өвөрмөц агуулга боломжтой syntactic барилга харгалзан зөвхөн шаардлагатай ашиглах хэрэгтэй хуваарилсан юм.

CSS ерөнхий дүрэм

Cascading Style Sheets дараах байдлаар элементүүдийг тодорхойлоход санал болгож байна:

• шинж чанар: авах утга.

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

блок элемент, CSS дугуйрсан дамжуулан булан хийх шаардлагатай талаар, энэ нь хэлбэр "38px" буюу "8px 16px 24px 38px" -д хилийн радиус эд хөрөнгө, түүний үнэ цэнийг ашиглах ач холбогдолтой.

ганц тоогоор өгөгдсөн утгатай бол, энэ нь бүх өнцөгт эдгээр тохируулж болно. Бичлэг бүх дөрвөн утгууд нь:

• Эхний дугаар нь - зүүн дээд буланд байх;
• Хоёр дахь - баруун дээд тавих;
• Гурав дахь - баруун доод тавих;
• Хамгийн сүүлийн үеийн - бага зүүн талд.

дүрмийн зарим нь хуваалцах

Үзэл баримтлал хил, дүрс, дэвсгэр хамтад нь ашиглаж болно. Энэ нь хэвийн юм, дүрэм нийт бүрэлдэхүүнийг бүрдүүлэх, өөр хоорондоо саад болохгүй дурдсан. Хамгийн гол нь - Тэдний тус бүрийн нэр төлөөлнө гэсэн эзэлж, энэ нь хэрхэн хэрэглэж байгаа юм.

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

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

Онцлог HTML, CSS хөтчийн

Тавтай морилно уу Style бичлэг бөөний худалдаа - нэг удаа бүх хөтчүүд юм. Ямар ч гэсэн сэдвээр сонгодог жишээ "CSS: булан дугуйрсан" санал болгох тийм бичих:

суурь: # FF7F00; / * Суурь * /

хилийн: 1px #CCCCCC хатуу; / * Хилийн * /

-moz-хилийн радиус: 10px; / * CSS Mozilla Firefox зориулсан булан дугуйрсан * /

-webkit-хилийн радиус: 10px; / * ... Safari ба Chrome нь * /

-khtml-хилийн радиус: 10px; / * ... Konquerer * /

хилийн радиус: 10px; / * CSS бүх булан дугуйрсан * гэх мэт / болон. Н

Гэсэн хэдий ч, ихэнх тохиолдолд энэ нь сүүлийн дүрмийг зааж өгөх хангалттай юм. бодит шаардлага байгаа үед л Redundancy ашиглах хэрэгтэй.

Сонгодог, гайхамшигтай хүснэгт

олон тэсрэг дэмжигчид хүснэгт зохион байгуулалтын (TR, TD) болон DIV хаягууд болон хугацааг ашиглан сонголт ( «гайхамшигтай" зохион), үндэслэлтэйгээр шаардлагатай зорилго нь практик тааламжтай сонголт байгаа хэдий ч.

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

сайтуудад ихэнх CMS (агуулгын удирдлагын систем) ашиглан бүтээсэн бөгөөд хөгжүүлэгч устгах дахь хавтас, объект, бас ширээ, хэдэн зуун "аварга" мэдээллийн сан нь зөвхөн өргөн хүрээтэй ирдэг.

Tag [DIV | SPAN], зэрэг, гарч зогсох биш, харин хөгжүүлэгч бүрэн өршөөлийн хэсэгт заавал ирдэг цорын ганц зүйл бол - нь CSS загварчлах. Мөн хэрэв ямар ч CMS-ийн тодорхой Хөгжүүлэгчийн бүтээлч болон нэмэгдсэн хэв маяг, өөрийн гэсэн хэв маяг нь кодыг үүн хэсгийг тусгаарлаж, өөрчлөлт тохиолдолд (жишээ нь, CSS - ширээний булан дугуйрсан), та үргэлж тохиргоо болон анхдагч хэв маягийг сэргээх боломжтой.

Муруй болон өнцөг синтакс үл хамаарах

Та заавал HTML, CSS бүх дүрмийг дагаж болох юм, гэхдээ үр дүнд байх, тэдгээр нь өгсөн байна. бие биедээ элементүүдийг Superimposing, энэ нь ямар нэгэн тохиргооны аль ч бүс нутагт олж авах боломжтой юм. сервер дээр PHP-хөгжлийг ашиглан та HTML-файл эсвэл тусдаа ИС- файлын биед тэдэнд зохих JavaScript кодыг хавсаргах зочны хөтөч, ямар ч хэв маяг файлд илгээж болно.

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

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

Энэ технологи нь гурван хэмжээст хавтгай, эсвэл шоу хөдөлгөөнт өөрсдийгөө ойлгож ийм объект нь саад болохгүй.