CSS: font culoare, stil, model, dimensiunea

Programare - oglinda: la început a fost cuvântul, și nu reflectată înapoi. Și foarte repede a trebuit să „schimbare“: prima oglindă, apoi cuvântul ... În acest moment, în cascadă foaie de stil - este bun, dar de ce atât de mult timp a fost de gând în minte un dezvoltator? CSS - este toate aceeași oră matrice epoca de programe de calculator, dar numai într - o perspectivă diferită. Chiar și atunci când masele devin revoluție asociativă nu este făcută.

pagina site - l-tag-uri HTML markup, care poate fi atribuită unui anumit identificator de clasă stil sau stil. Prima poate fi definită o singură dată și să atribuie nimic după cum este necesar o dată, a doua aparține unui anumit element.

Logica generală a descrierii de stiluri

Prin tradiție, stilul este plasat în CSS-fișier, dar poate fi atribuită unui anumit element în atributul său stil. Stilul poate fi creat în dinamica instrumente JavaScript. De o importanță deosebită nu este așa cum se descrie, de exemplu, prin intermediul culorii CSS font, dimensiunea sa, setul cu cască, de fond sub el și așa mai departe. Locul de amplasare descriere stil este important în contextul, de obicei două idei: a descris mai târziu, deci este o prioritate mai mare, iar în cazul în care este descris în elementul, o face importanta !. Ultima înregistrare așa cum este, definește în mod clar prioritatea.

Se aplică stilul, de exemplu, o anumită culoare schimbare de culoare de font, poate fi oriunde și nimic. Întrebarea este cum să reacționeze la ea într-un browser în timpul dezasamblarea toate stilurile împreună. Cât a cheltuit pe acest procesor?

În mod ideal, culoarea fontului ar trebui să fie indicată numai o singură dată - este un clasic. Gândiți-vă la o simplă descriere a unui cuplu, și apoi altul și altul ... desigur, poți. Este la modă, dar practic.

Logica generală EXEMPLU

Pur și simplu determinat de culoare CSS pentru toate cele trei elemente, este posibil pentru a obține cel puțin trei probleme de lungă durată:

# Ele1, # Ele2, # Ele3 {
POZIȚIE: absolută;
stânga: 20px;
top: 14px;
Culoare: roșu;
}

# Ele2, # Ele3 {
stânga: 90px; // schimba CSS coordonatele orizontale
Culoare: galben; // schimba culoarea fontului CSS
}

# Ele3 {
top: 114px; // schimba CSS verticală de coordonate

culoare: verde; // schimba din nou culoarea fontului CSS

culoare de fundal: lightgrey; // CSS evidențiați text schimbat culoarea, dar acest lucru nu este prezent în # Ele1 și # Ele2; De asemenea, poziția sa schimbat, dar sa schimbat în # Ele2 și nu, așa cum aici

}

Acum trebuie să ne amintim că toate aceste trei elemente este definit undeva, iar în cazul unei schimbări de reprezentări de culoare ale proprietarului site-ului, dezvoltatorul va trebui să-și amintească, nu numai culoarea, dar, de asemenea, despre regulile și partea stângă sus, și chiar pentru a schimba culoarea de evidențiere a textului nu trebuie uitat.

Nu toți dezvoltatorii sunt venerati CSS cerință: ID Stil - doar un singur element, iar stilul de clasă - mai multe tag-uri, în afară de ultimul punct posibil, în tag-uri ca adjective:

• setați culoarea fontului în CSS - clasa groundColor stil;
• specificați dimensiunea fontului - size15 clasa;
• set de poziție - clasa PlaceUp.

Desigur, utilizarea dispozitivelor de identificare, în special atunci când acestea aparțin aceluiași element de marcare, primele zece clase de stil, pictate în diferite combinații de sute de elemente de pagină. Dar totul are logica obiectivă.

Dezvoltatorul pur și simplu trebuie să ia în considerare corect: chiar dacă culoarea fontului de HTML, CSS ofera pentru a descrie greu, flexibilitatea structurii generale a descrierilor - asta e treaba lui.

Rezultatul așteptat al logicii comune folosind

browserelor moderne sunt confortabile, cu o mulțime de fișiere de stil și volume. Cu toate acestea, proiectarea, în special prin intermediul CSS, culoare întreaga pagină, ar trebui să gândească întotdeauna suficienței rezonabile. Nu toate regulile de stil aspect „ieftin“ în cerere. Simplu intrare laconic: * {culoare: alb;} - cu siguranță frumos, dar se aplică tuturor elementelor din pagină, fără excepție.

Dintre toate regulile, care este echipat cu CSS, cele mai importante:

• stil - clasa, iar apoi numele începe cu, „“
• stil - identificator și numele său începe cu un caracter „#“;
• în alte cazuri - o etichetă de nume sau ceva special

Partea rămasă din descrierea ideilor în stiluri (proprietăți de moștenire se suprapun, prioritățile, poziția, ordine și altele asemenea. D.) Ar trebui să fie utilizate în mod inteligent și strict necesar.

Browserul întotdeauna dor, nu fac în descriere, astfel încât surprizele speciale nu vor. Dacă ceva nu era în locul potrivit sau pentru a seta culoarea fontului în CSS nu este posibil, prin urmare, în stilul erorii.

oportunități neașteptate

Nu ar trebui să se abuzeze de stiluri, cum ar fi * {stânga: 124px; } sau

ol ol, ol ul, ul ul, ol ul {margin-bottom: 0; }
un img {frontieră: 0; }

Deși este dificil de a face chiar și un dezvoltator novice de a utiliza regulile CSS așa cum sunt. Întotdeauna în dezvoltarea de orice site, chiar sintaxa foarte simplu CSS dă probleme neașteptate. Cu toate acestea, în cazul în care se aplică eforturile directe pentru utilizarea corectă a sintaxei, dar funcționalitatea JavaScript este oportunități noi și neașteptate va evita monotone crea identificatori pentru fiecare element, sau pentru a monitoriza utilizarea varietate de stiluri și clase.

CSS - nu este doar un fișier de stil care este conectat la pagina prin tag-ul sau link-ul introdus în acesta prin intermediul etichetei de stil. De asemenea, este posibil să se creeze un stil pe zbor sau de a modifica unul existent.

Prin utilizarea CSS, culoarea fontului poate face programatic. Precum și dimensiunea și poziția, marjele. Site-ul - nu este un obiectiv de a aplica cunoștințele în CSS, HTML, PHP sau Flash Efecte JavaScript.

resursă Web - este în primul rând informațiile oferite într-un anumit fel. Acesta este motivul pentru CSS este cel mai bine văzut în dinamica prin prisma cum este posibil să se formeze, în timp ce pagina este în continuare pe server (nu este disponibil PHP la momentul când site-ul vizitatorul a venit, nu dezvoltator la momentul când a fost în curs de dezvoltare site-ul), foaia de stil dorit un anumit text pentru conținut relevant, sau pentru a crea o clasă de stil sau identificator pe zbor ca pagina este de lucru, atunci când se uită la un anumit vizitator.

dinamica statică

Noi nu ar trebui să scrie întotdeauna găsi sofisticate JavaScript-cod pentru a face conținutul dinamic și design - un conținut adecvat. Uneori este suficient pentru a utiliza în mod corespunzător oportunitățile disponibile. În special, prin definirea CSS font color regulă inițial statică, puteți ascunde această regulă (ascuns) și vizualiza diferite (vizibile).

Aici, vorbitorul nu are nevoie de algoritmul:

// pentru a evidenția butonul de intrare de pe site-ul web
Funcția scfWelcomeOver () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'vizibil' .;
}

// ascunde butonul de intrare de pe site-ul web
funcționa scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ascunse' .;
}

CSS oferă o dinamică proprie: ticker, elemente transparente, diferitele exemple de realizare suprapuneri, display-uri, fading culori. În CSS, culoarea fontului poate fi făcută chiar și astfel încât nici o regulă stilistică nu este prevăzută.

afișare conținut dinamic

Dacă nu ar exista dogme, probabil, nu ar fi nici un progres. Doar nu ceea ce a fost ca să lupte. Hypertext adus în lume o mulțime de dogmă. Este timpul să acorde o atenție la ei și să înceapă în curs de dezvoltare site-uri într-un stil pragmatic și practic.

Inițial, există o pagină (P), o parte din conținut (K), toate etichetele din pagină sunt descrise în fișa (S) stil. Nu este o pagină nouă formă P prin intermediul PHP sau Perl pe server prin alegerea K din baza de date. Existent foaie de stil S va urmări în mod automat. Cu toate acestea, K pot fi schimbate, iar în cele mai multe cazuri, o astfel de schimbare ar atrage după sine necesitatea altor stiluri, adică, S +.

De exemplu, clientul a spus: „Site-ul descrie viața de la Moscova, va arăta mai bine în cazul în care articolele de știri sunt decorate în stilul“ ZaZavtrakom „care descrie agitația de noapte în stilul“ Las Vegas «și articole despre progresul științific și tehnologic în stilul» ModernTehno ". Dar dacă vom face S pe trei dintre aceste opțiuni, nu există nici o garanție că clientul nu va avea ideea de a avea un set de articole „News“, „de vacanță“, „de lucru», «CSS / HTML» bonus «HozyaykeNaZametku».

O altă abordare mai practică. Indiferent de categoria de articol există întotdeauna conținutul care poate fi vopsit într-o anumită culoare. Aici, în acest loc există o idee destul de sensibilă: restrângeți K, încă de pe server pentru a genera un S adecvat, iar browser-ul va necesita P, el va primi conținutul adecvat în clearance-ul propriu-zis.

Dinamica stil de JavaScript

Minim, deși soluție foarte eficientă - de a face stilul direct în browser-ul clientului. În primul rând, ameliorează serverul - nu va trebui să-și petreacă timpul pe formarea de pagini hypertext și fișiere de stil pentru ea.

În al doilea rând, deșeurile naturale de timp, în interiorul browser-ul va crea efectul pe care pagina este ocupat de afaceri și sprijină în mod activ dialogul cu vizitatorul: el încă nu vede conținutul în vrac, prin urmare, el ar dori o ieșire de informații consistente și bine gândite.

În al treilea rând, permite dezvoltatorului să furnizeze mecanismul de vizitator al conținutului în acest stil, în care el este confortabil. Nici măcar nu e nimeni.

Pentru a pune în aplicare această idee, trebuie să pună în aplicare un mecanism pentru a crea elemente de stil, imediat după ce se încarcă pagina, și în cursul funcționării sale. site-ul modern - este AJAX într-o anumită formă. Nu este dificil să se efectueze formarea de stiluri direct în procesul de formare a arborelui paginii. Este ușor, accesibil și eficient, deoarece conținutul este, împreună cu înregistrarea lui.

Acest lucru nu contrazice tendința modernă de a separa prezentarea datelor de prelucrare realizate pe baza datelor și lăsând pe ecran.

CSS ca ingredient activ

Hypertext a adus o mulțime de bun, dar numai o mică parte din informațiile naturale a fost formalizată cu succes, au existat instrumente și experiență în crearea HTML de înaltă calitate, XML, documente CSS. Nu este o problemă pentru a formaliza noile volume de informații și se schimbă deja făcute mai devreme.

În ceea ce privește CSS, acest proces este activat într-un context complet diferit. instrumente încorporate în JavaScript, care să permită „din zbor“ pentru a crea elemente și stiluri ale elementelor care nu a anticipat o astfel de posibilitate, și creatorii PHP, în special, considerat a fi implicat în formarea de numai pagini HTML.

Atât primul cât și al doilea permite stiluri de a face programare. Această nouă direcție în domeniul tehnologiei informației. Stiluri lucru considerabil mai formal decât XML sau HTML, regulile sunt foarte simple. Stilul este întotdeauna prezent în informațiile, indiferent cât de natural era.

programatorii de baze de date de înregistrare sunt angajate întotdeauna într-o sectoare mult mai formalizate, dar tema CSS - o sarcină foarte simplu, dar într-un fel nu intra in domeniul de vedere al procesului de dezvoltare.

Pe dogma în domeniul programării

Ca un iceberg, o dogmă nu poate întinderi lungi furrowing informații. Experiența trecută a trebuit să se concentreze nu numai în HTML- și CSS-standarde, instrumente pentru a lucra cu ei, dezvoltatorii de cunoștințe.

O sarcină simplă - pentru a face prin CSS font color - a găsit soluția perfectă. Reguli, sintaxa, logica și confort sunt incontestabile. Dar, chiar și atunci când fontul de fapt, nu au o mulțime de culori pentru practică, prea mult nu este necesar, și într-adevăr, în scopul realitatea virtualizare nu au nevoie de tot acumulat „forță» HTML si CSS, vine un moment în care cunoașterea situațională merge la reproduși și afișat experiență și instrumente de formare naturală de stiluri de conținut.

Cum va fi aceasta, poate să nu fie foarte clar, dar că procesul este deja în curs de desfășurare, în mod evident.