CSS: tiparo koloro, stilo, mastro, grandeco

Programado - la spegulo: en la komenco estis la vorto, kaj ne reflektis reen. Kaj tre rapide devis "ŝanĝo": unua spegulo, do la vorto ... Je tiu punkto, CSS - estas bona, sed kial tiom longe ĝi tuj gravas desarrollador? CSS - estas egale tabelo fojojn la epoko de komputilo programoj, sed nur en malsama perspektivo. Eĉ kiam la amasoj fariĝis asocia revolucio ne estas farita.

retejo paĝo - ĝi -etikedoj HTML-markado, kiu povas esti atribuita al certa stilo aŭ stilo klaso identigilon. La unua povas esti difinita unufoje kaj atribui al io tre devita tempo, kaj la dua apartenas al specifa elemento.

La ĝenerala logiko de la priskribo de stiloj

Por tradicio, la stilo estas metita en la CSS-dosiero, sed povas esti atribuita al specifa elemento en lia stilo atributo. La stilo povas esti kreita en la dinamiko de JavaScript iloj. De aparta graveco estas ne kiel priskribis, ekzemple, per CSS koloro tiparo, ĝia grandeco, la aŭdilo, fono sub ĝi kaj tiel plu. Loko priskribo stilo gravas en la kunteksto de, kutime du ideoj: la posta priskribis, do ĝi estas pli alta prioritato, kaj se priskribita en la elemento, ĝi faras gravajn !. Lasta registrita kiel ĝi estas, klare difinas la prioritato.

Apliki la stilon al, ekzemple, certa tiparo koloro ŝanĝo koloro, povas esti ie ajn kaj ion ajn. La demando estas kiel reagi al ĝi en retumilo dum la desmontaje de ĉiuj stiloj kune. Kiom li pasigas en tiu CPU?

Ideale, tiparo koloro devus esti indikitaj nur unufoje - ĝi estas klasika. Pensu al simpla priskribo de paro, kaj poste alia kaj alia ... kompreneble, vi povas. Estas de modo, sed praktika.

EKZEMPLO ĝenerala logiko

Tute simple difinita per CSS koloro por ĉiuj tri elementoj, ĝi eblas akiri almenaŭ tri longtempa problemojn:

# Ele1, # Ele2, # Ele3 {
POSITION: absoluta;
maldekstra: 20px;
supro: 14px;
koloro: ruĝa;
}

# Ele2, # Ele3 {
maldekstra: 90px; // ŝanĝi la CSS horizontala koordinatoj
koloro: flava; // ŝanĝi la koloro de la tiparo CSS
}

# Ele3 {
supro: 114px; // ŝanĝi la CSS vertikala koordinato

koloro: verda; // denove ŝanĝi la koloro de la tiparo CSS

fono-koloro: lightgrey; // CSS teksto elstara koloro ŝanĝiĝis, sed tio ne ĉeestas en la # Ele1 kaj # Ele2; pozicio ankaŭ ŝanĝiĝis, sed ŝanĝiĝis en # Ele2 kaj ne, kiel ĉi tie

}

Nun ni devas memori ke ĉiu de ĉi tiuj tri elementoj estas difinitaj ie, kaj okaze de ŝanĝo de koloro reprezentoj de la retejo mastro, la ellaboranto devos memori ne nur pri la koloro, sed ankaŭ pri la lasita reguloj kaj supro, kaj eĉ ŝanĝi la elstara koloro de la teksto ne devus esti forgesita.

Ne ĉiuj programistoj estas respektata postulo CSS: Stilo ID - nur unu elemento, kaj la klaso stilo - multaj etikedoj, krom la lasta ebla momento de la etikedoj kiel adjektivoj:

• agordi la tiparon koloro en la CSS - stilo groundColor klaso;
• specifi la tiparo - klaso size15;
• aro pozicio - klaso PlaceUp.

Nature, la uzo de identigiloj, precipe kiam ili apartenas al la sama markante elementon, la furordeko stilo klasoj, pentritaj en diversaj kombinaĵoj de centoj da paĝoj elementoj. Sed ĉio havas sian propran objektiva logiko.

La ellaboranto simple devas ĝuste konsideri: eĉ se la tiparo koloro de HTML, CSS proponas priskribi malfacila, la fleksebleco de la totala strukturo de la priskriboj - tio estas lia laboro.

La atendita rezulto de uzante komuna logiko

Modernaj foliumiloj estas komforta kun multaj stilo dosierojn kaj volumoj. Tamen, la dezajno, precipe per la CSS, koloro la tutan paĝon, vi devas ĉiam pensi racian sufiĉecon. Ne ĉiuj stilo regulojn "malmultekosta" rigardon en la apliko. Simpla konciza eniro: * {koloro: blanka;} - certe belaj, sed validas por ĉiuj elementoj de la paĝo, sen escepto.

El ĉiuj reguloj, kiu estas ekipita per CSS, la plej grava:

• stilo - klaso, kaj poste la nomo komenciĝas per "."
• stilo - identigilon kaj ĝia nomo komenciĝas per "#" karakteron;
• en aliaj kazoj - nomon etikedo aŭ io speciala

La cetera parto de la priskribo ideoj en Stiloj (heredaĵo ecoj koincidas, prioritatoj, pozicion, ordon kaj similaj. D.) Devus esti uzita inteligente kaj strikte necesa.

La retumilo ĉiam mankas, ne faras en la priskribo, tiel ke la speciala surprizoj ne faros. Se io ne estis en la ĝusta loko aŭ agordi la tiparon koloro en CSS ne eblas, do, en la stilo de la eraron.

neatenditajn ŝancojn

Ne devus esti trouzita stiloj kiel * {maldekstra: 124px; } aŭ

ol ol, ol ul, ul ul, ul ol {rando-fundo: 0; }
a img {landlimo: 0; }

Kvankam estas malfacile eĉ novulo ellaboranto uzi CSS reguloj kiel ili estas. Ĉiam en la disvolviĝo de ajna ejo, eĉ perfekte simpla CSS sintakso donas neatendita problemojn. Tamen, se rekta penojn al la ĝusta uzo de la sintakso, sed peti la JavaScript funcionalidad estas novaj kaj neatenditaj ŝancoj evitos unutona krei identigiloj por ĉiu elemento, aŭ monitori la uzo de la vario de stiloj kaj klasoj.

CSS - ne nur stilo dosiero kiu estas konektita al la paĝon per la ligilo etikedo aŭ enigita en ĝin tra la stilon etikedo. Ĝi estas ankaŭ ebla por krei stilon sur la muŝo aŭ redakti ekzistantan tiu.

Uzante CSS, la tiparo koloro povas esti farita programmatically. Krom la grandeco kaj pozicio, randoj. Retejo - ne estas celo apliki la scion en CSS, HTML, PHP aŭ JavaScript efikoj fulmo.

TTT rimedo - estas antaŭ ĉio informo proponis en certa maniero. Tial CSS estas plej viditaj en la dinamikon tra la lenso de kiel eblas formi, dum la paĝo estas ankoraŭ sur la servilo (ne disponebla PHP tiutempe kiam la retejo vizitanto venis ne la ellaboranto tiutempe kiam li evoluigis la retejo), la deziratan stilfolio specifa teksto por rilataj enhavo, aŭ krei stilon klaso aŭ identigilon sur la muŝo, kiel la paĝo funkcias, kiam rigardas aparta vizitanto.

statika dinamikon

Ni ne ĉiam skribi kompleksajn trovaĵo JavaScript-kodo por fari dinamikan enhavon kaj ĝia dezajno - taŭgan enhavon. Kelkfoje sufiĉas por taŭge uzi la haveblaj ŝancoj. Aparte, difinante CSS tiparo koloro komence statika regulo, vi povas kaŝi ĉi tiu regulo (kaŝita) kaj visualizar malsamaj (videbla).

Ĉi tie, la parolanto ne postulas la algoritmo:

// por reliefigi la enigo butonon sur la retejo
funkcio scfWelcomeOver () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'videbla' .;
}

// kaŝi la enigo butonon sur la retejo
funkcii scfWelcomeOut () {
document.getElementByID ( 'scDocxNamePiP') style.visibility = 'kaŝita' .;
}

CSS proponas propran dinamikon: tickers, travidebla elementoj, diversaj enkorpiĝoj surbaze, ekranoj, paliĝante koloroj. En CSS, la tiparo koloro povas esti farita tiel, ke neniu stila regulo ne provizis.

Dinamika enhavo display

Se ne ekzistus dogmojn, eble ekzistus neniu progreso. Ĝuste, kio gxi kiel por batali. Hipertextual eliris el la multaj dogmoj. Estas tempo por atenti ilin kaj komenci evoluantaj lokoj en pragmata kaj praktika stilo.

Komence, en ĝi estas paĝo (P), kelkaj el viaj enhavo (K), ĉiuj etikedoj de la paĝo estas priskribita en la stilo folio (S). Eĉ ne unu novan formon P paĝon per PHP aŭ Perl sur la servilo per elekto K el la datumaro. Ekzistantaj stilo folio S sekvos aŭtomate. Tamen, K povas esti ŝanĝita, kaj plej ofte, tia ŝanĝo kunportus la neceso aliaj stiloj, tio estas, S +.

Ekzemple, la kliento diris: "La ejo priskribas la vivon de Moskvo, aspektos pli bone se la raportaĵoj estas ornamitaj en la stilo de" ZaZavtrakom ", priskribante la nokto bullicio en la stilo de" Las Vegas "kaj artikolojn pri scienca kaj teknologia progreso en la stilo de" ModernTehno. ' " Sed se ni faras S sur tri el tiuj ebloj, ne estas garantio, ke la kliento ne havos la ideon havi aron de artikoloj "Novaĵoj", "ferio", "Laboro», «CSS / HTML» bonus "HozyaykeNaZametku".

Alia alproksimiĝo pli praktika. Sen konsidero de la kategorio de la artikolo ĉiam la enhavo kiu povas pentrita en certa koloro. Ĉi tie en ĉi tiu loko estas sufiĉe saĝa ideo: akiri specifajn K, ankoraŭ en la servanto por generi taŭgan S, kaj la retumilo postulos P, li ricevos la ĝustan enhavon en la ĝusta klaro.

Dinamiko stilo de JavaScript

Minimuma, kvankam tre efika solvo - por fari la stilo rekte en la kliento retumilo. Unue, ĝi mildigas la servilo - ne perdi tempon en la formado de hipertekstaj paĝojn kaj stilo dosierojn por ĝi.

Due, la natura tempoperdo ene la retumilo kreos la efiko ke la paĝo estas okupita de komerco kaj aktive subtenas dialogon kun la vizitanto: li ankoraŭ ne vidas la enhavon en ŝvelaĵo do li dezirus consistente kaj pensema informo eligo.

Trie, ĝi permesas la ellaboranto provizi la vizitanto meĥanismo de la enhavo de ĉi tiu stilo, en kiu li estas komforta. Ĝi ne estas eĉ iu ajn.

Por efektivigi ĉi tiun ideon, vi devas efektivigi mekanismon por krei elementojn de stilo tuj post la paĝo ŝarĝoj, kaj en la kurso de lia funkciado. Moderna ejo - estas AJAX en aparta formo. Ne estas malfacile realigi la formado de stiloj rekte en la procezo de formado de la paĝo arbo. Estas facile, atingebla kaj efika, ĉar la enhavo estas kune kun lia registro.

Tio ĉi ne kontraŭdiras la modernan tendencon disigi la prezento de datumoj de la pretigo farita sur la datumoj kaj lasante en la display.

CSS kiel aktiva ingredienco

Hipertextual alportis multajn bonajn, sed nur malgranda parto de la natura informo estis sukcese formaligita, estis iloj kaj sperto en kreado altkvalitaj HTML, XML, CSS dokumentoj. Ne estas problemo por formaligi la nova volumoj de informo kaj ŝanĝi jam faris pli frue.

Koncerne al CSS, ĉi tiu procezo estas aktivigita en tute malsama kunteksto. Enkorpigita iloj en JavaScript, ebliganta "sur la muŝo" por krei elementojn kaj stiloj de la elementoj ne anticipis tian eblecon, kaj la kreintoj de PHP precipe kredis esti engaĝitaj en la formado de nur HTML paĝoj.

Ambaŭ la unua kaj la dua permesas fari programado stiloj. Tiu nova direkto en la kampo de informadiko. Stiloj konsiderinde pli formala ol la XML aŭ HTML, la reguloj estas tre simplaj. Stilo estas ĉiam ĉeestanta en la informo, kiel ajn natura ĝi estis.

Registro datumbazo programistoj okupiĝas ĉiam en multe pli formaligita sektoroj, sed CSS temo - tre simpla tasko, sed iel ne eniros en la vida kampo de la procezo de disvolviĝo.

Sur la dogmon en la kampo de programado

Kiel glacimonto, dogmo ne longe vastejoj sulkante informon. Preter sperto devis koncentriĝi ne nur en HTML- kaj CSS-normoj, iloj por labori kun ili, scion programistoj.

Simpla tasko - fari per CSS tiparo koloro - trovis la perfektan solvon. Reguloj, sintakso, logiko kaj komforto estas nediskutebla. Sed eĉ kiam la tiparo efektive havas ne multajn kolorojn por praktiko, tro multe estas necese, kaj ja por la celoj de la realo de virtualización ne bezonas ĉiujn amasigis "forto» HTML kaj CSS, tie venas tempo, kiam la situacian scion iri al la reproduktita kaj montrita sperto kaj ilojn de la natura formado de stiloj de enhavo.

Kiel estos tio, eble ne estas tute klara, sed ke la procezo estas jam sub vojo, evidente.