CSS: үсгийн өнгө, хэв маяг, хэв маяг, хэмжээ

Програмчлал - толь: Эхэнд Үг байв, мөн буцаж тусгасан. Тэгээд маш хурдан энэ нь "өөрчлөлт" гэж байсан: Энэ үед анхны толь, дараа нь үг ..., хэв маяг хуудас давхардлаас - нь сайн, гэхдээ яагаад ийм удаан энэ нь хөгжүүлэгч санаа гэж байсан? CSS - энэ нь компьютерийн программ бүгд адил массив дахин эрин юм, гэхдээ зөвхөн өөр өөр талаас нь. масс болсон үед ч ассоциатив хувьсгал хийж байна.

вэб хуудас - энэ нь HTML-тэмдэглэгээг нь тодорхой хэв маяг, эсвэл хэв маяг зэрэг таниулагч холбоотой байж болно хаягууд. нэг удаа шаардлагатай бол эхлээд юу ч гэж нэг удаа хамааруулж тодорхойлсон болно, хоёр дахь нь тухайн элемент хамаарагдана.

хэв маяг тодорхойлолт ерөнхий логик

уламжлалын дагуу, хэв маяг нь CSS-файлд тавигдсан бол, харин түүний загварын шинж нь тухайн элемент нь холбоотой байж болох юм. загварын JavaScript хэрэгсэл динамик үүсгэж болно. Ялангуяа чухал ач холбогдолтой гэж аргаар, жишээ нь, тайлбарласан байгаа бол, CSS өнгө фонт, түүний хэмжээ, чихэвч үүн доор суурь гэх мэт. Байршил Тайлбар хэв маяг, нь ихэвчлэн хоёр санаа хүрээнд чухал юм: дараа нь тайлбарласан болохоор энэ нь илүү өндөр давуу эрхтэй бөгөөд элемент д тодорхойлсон бол энэ нь чухал ач холбогдолтой байна вэ !. Өнгөрсөн юм шиг, тодорхой ач холбогдол тодорхойлдог бүртгэгдсэн байна.

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

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

ЖИШЭЭ ерөнхий логик

Харин ч ердөө л гурван элементийн CSS өнгө тодорхойлно, энэ нь дор хаяж гурван урт ажиллаж байгаа асуудлуудыг олж авах боломжтой байдаг:

# Ele1 # Ele2 # Ele3 {
Албан тушаал: үнэмлэхүй;
Зүүн талд: 20px;
TOP: 14px;
өнгө: улаан,
}

# Ele2 # Ele3 {
Зүүн талд: 90px; CSS хэвтээ координатыг өөрчилж //
өнгө: Шар; // үсгийн CSS өнгийг өөрчлөх
}

# Ele3 {
TOP: 114px; CSS өөрчлөх // босоо зохицуулах

өнгө: ногоон; дахин нэг удаа үсгийн CSS өнгийг өөрчлөх //

суурь өнгө: lightgrey; // CSS текст тодотгодог өнгө өөрчлөгдөж, гэхдээ энэ нь # Ele1 болон # Ele2 өнөөгийн биш юм; байр суурь ч бас энд зэрэг өөрчлөгдсөн боловч # Ele2 өөрчлөгдсөн байна, харин,

}

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

бүх хөгжүүлэгчид хүндэтгэдэг байгаа юм уу шаардлага CSS: Style ID - зөвхөн нэг элемент, ангийн хэв маяг - Олон шошго, adjectives мэт хаягууд өнгөрсөн байж болох цэг гадна:

• CSS-д үсгийн өнгө тогтоосон - хэв маяг groundColor анги;
• үсгийн хэмжээг зааж - анги size15;
• багц байрлал - анги PlaceUp.

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

хөгжүүлэгч нь ердөө л зөв бодолцох ёстой: Улсын үсгийн өнгө ч гэсэн HTML, CSS , тодорхойлолт ерөнхий бүтцийг уян хатан хатуу тайлбарлах санал болгож байна - энэ нь түүний үүрэг юм.

нийтлэг логикийн дагуу хүлээгдэж буй үр дүн

Орчин үеийн хөтөч загварын файл, хэмжээ нь маш их тав тухтай байдаг. Гэсэн хэдий ч, дизайн, CSS дамжуулан ялангуяа хуудсыг бүхэлд нь өнгө, та үргэлж боломжийн хангалттай гэж боддог байх ёстой. Бус, найруулгын дүрмийг бүх "хямд" өргөдөлд харж байна. Энгийн laconic оруулах: * {өнгө: цагаан,} - мэдээж сайхан, гэхдээ энэ нь эс тооцвол ямар ч хуудсанд бүх элемент хамаарна.

Бүх дүрмүүд CSS, хамгийн чухал тоноглогдсон байна, нь:

• хэв маяг - анги, дараа нь нэр нь эхэлдэг "."
• хэв маяг - хэрэглэгчийн нэр ба түүний нэр нь "#" тэмдэгтээр эхлүүлдэг;
• нэр хаяг, эсвэл ямар нэг онцгой зүйл - бусад тохиолдолд

Хэв маяг нь тайлбар санаа үлдсэн хэсэг (өв шинж давхцаж, тэргүүлэх чиглэл, албан тушаал, зэрэг гэх мэт. Д.) ухаалгаар болон заавал шаардлагагүй ашиглах хэрэгтэй.

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

гэнэтийн боломж

* {зүүн шиг хэв маягийг урвуулан байх ёстой: 124px; } эсвэл

ол, ол UL, ул UL, UL ол {маржин ёроолтой: 0; }
а Энд таны сурталчилгаа байрлана {хилийн: 0; }

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

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

CSS ашиглан, үсгийн өнгө програмаар хийж болно. Түүнчлэн хэмжээ, албан тушаал, ашгийн байна. Вэб сайт - CSS, HTML, PHP, эсвэл JavaScript нөлөө гэрэл мэдлэгийг хэрэглэх зорилго биш юм.

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

статик динамик

зохих агуулга - Бид үргэлж эрч хүчтэй агуулга, түүний загварыг гаргах боловсронгуй олдвор JavaScript-код бичиж болохгүй. Заримдаа энэ нь боломжтой боломжийг зөв ашиглах нь хангалттай юм. Тухайлбал, анх статик дүрмийг тодорхойлох нь CSS үсгийн өнгө гэхэд та энэ дүрмийг (далд) шир, өөр (харагдахуйц) үүнийхээ болно.

Энд, чанга яригч алгоритм байхыг шаарддаггүй:

// сайт дээр оролтын товчийг онцлон
үйл ажиллагаа scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'харагдах ".;
}

// сайт дээр оролтын товчийг дарж нуу
scfWelcomeOut үйл ажиллагаа () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'далд' .;
}

tickers, ил тод, элемент, янз бүрийн embodiments талбай давхцах, дэлгэц, өнгө бүдгэрч: CSS өөрийн динамик санал болгож байна. CSS онд үсгийн өнгө хэн ч найруулгын дүрэм заасан ч учраас хийж болно.

Динамик агуулга дэлгэц

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

Эхлээд хуудас (P) байдаг, таны агуулга (K), мөн зарим нь хуудасны бүх хаягууд загварын хуудас (S) -д тайлбарласан байгаа. мэдээллийн баазаас K сонгосноор сервер дээр PHP болон Perl-ээр биш, шинэ хэлбэр P хуудас. Одоо байгаа хэв маяг хуудас S автоматаар дагах болно. Гэсэн хэдий ч, K өөрчилж болох бөгөөд ихэнх тохиолдолд ийм өөрчлөлт нь бусад хэв маяг хэрэгцээ, өөрөөр хэлбэл, S + шаардлага гарна.

Жишээ нь, хэрэглэгчийн хэлсэн нь: Лас Вегас "болон хэв маяг нь шинжлэх ухаан, технологийн дэвшлийн тухай нийтлэл" ModernTehno "-ийн хэв маяг шөнийн хөл үймээнийг тайлбарласан," ZaZavtrakom "мэдээ нийтлэл хэв маяг чимэглэсэн байгаа бол сайт Москва амьдрал, илүү сайн харагдах болно дүрсэлсэн" ". Гэхдээ бид S эдгээр хувилбаруудын гурван дээр гаргах бол энд хэрэглэгчийн нийтлэл багц "News", "баяр", "Ажлын», «CSS / HTML» урамшуулал "HozyaykeNaZametku" байх санаа байх болно гэсэн ямар ч баталгаа юм.

Өөр нэг арга нь илүү практик. Ямар ч зүйлийн ангилалд тодорхой өнгөөр будсан болно агуулга үргэлж бэлэн байдаг. Энд энэ газарт маш ухаалаг санаа байдаг: хангалттай S үүсгэхийн тулд сервер дээр ч, тодорхой K авч, хөтөч P шаардах болно, тэр зөв бүрдүүлэлт зөв агуулгыг авах болно.

JavaScript динамик загварын

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

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

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

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

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

идэвхтэй бүрэлдхүүн хэсэг болгон CSS

Hypertext сайн маш их авчирсан боловч байгалийн мэдээлэл нь зөвхөн жижиг хэсэг амжилттай албан ёсны юм, багаж хэрэгсэл, өндөр чанартай HTML, XML, CSS баримт бичиг бий туршлага байна. Энэ нь асуудал мэдээллийн шинэ ширхэг албан ёсоор аль хэдийн өмнө гарсан өөрчлөлт.

CSS хувьд, энэ үйл явц нь шал өөр утгаар идэвхжүүлсэн байна. JavaScript-д Баригдсан хэрэгсэл, элементүүдийн элемент, хэв маягийг ийм боломжийг урьдчилан биш үү бий болгох "Fly дээр" идэвхжүүлэх болон PHP бүтээгчид, ялангуяа зөвхөн HTML хуудас үүсэх эрхэлж болно гэж үздэг.

Аль аль нь эхний болон хоёр дахь програмчлалын загвар хийх боломжийг олгодог. Мэдээллийн технологийн салбарт шинэ чиглэл. Хэлбэр XML, эсвэл HTML харьцангуй илүү албан ёсны зүйл, дүрэм журам нь маш энгийн байдаг. Style байсан хэр нь байгалийн ямар ч хамаагүй, мэдээллийн өнөөгийн үргэлж байдаг.

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

програмчлалын чиглэлээр сургаалиас нд

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

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

Яаж энэ байх болно, нь бүхэлдээ тодорхой биш байж болно, гэхдээ үйл явц нь мэдээж, зам дагуу аль хэдийн юм.