CSS: culoarea fontului, stiluri, fundal, dimensiune

Programare - care oglindă: la început a fost un cuvânt, iar răspunsul nu a fost deloc răspunsul. Ș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 matricele au devenit asociative, aceasta nu a produs o revoluție.

O pagină de site este o etichetă HTML care poate fi atribuită unei anumite clase de stil sau unui stil de stil. Primul poate fi definit o dată și atribuit oricăror lucruri de câte ori este necesar, al doilea aparține unui element particular.

Descrierea generală a logicii stilului

În mod tradițional, stilul este plasat într-un fișier CSS, dar poate fi atribuit unui anumit element în atributul său de stil. Puteți crea un stil în dinamică utilizând jаvascript. O importanță deosebită nu este cum să descriem, de exemplu, prin Culoarea CSS font, dimensiunea, setul cu cască, fundalul sub el și așa mai departe. Locul descrierii stilului contează în contextul, de obicei, două idei: mai târziu este descris, cu cât este mai prioritară și dacă este descrisă pe un element, acest lucru este deloc important. Ultimul, scris ca atare, determină în mod explicit prioritatea.

Aplicați un stil astfel încât, de exemplu, o anumită culoare să schimbe culoarea, puteți să o faceți oriunde și oricum. Întrebarea este, cum va reacționa browserul la acest lucru în timpul dezasamblării tuturor stilurilor din agregat. Cât va cheltui pe timpul procesorului?

În mod ideal, culoarea fontului ar trebui indicată o singură dată - este clasică. Pentru a gândi la o descriere simplă un cuplu mai mult, apoi un alt și ... desigur, puteți. E la modă, dar nepractică.

Exemplu de logică generală

Este foarte simplu: prin definirea culorii CSS numai pentru trei elemente, puteți obține cel puțin trei probleme de lungă durată:

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

# Ele2, # Ele3 {
stânga: 90px; // modificați coordonatele CSS orizontal
culoare: galben- // schimba culoarea fontului CSS
}

# Ele3 {
top: 114px; // modificați coordonatele CSS pe verticală

culoare: verde- // schimba din nou culoarea fontului

background-color: // lightgrey- CSS evidențiați text schimbat culoarea, dar acest lucru nu este prezent în # Ele1 și poziția # Ele2-, de asemenea, 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 - stil de clasă groundColor;
• specificați dimensiunea fontului - dimensiunea clasei15;
• Setați poziția - clasa PlaceUp.

Firește, utilizarea identificatorilor, mai ales atunci când aparțin unui singur element de marcare, este mai bună decât o duzină de clase de stil, pictate într-o combinație diferită de sute de elemente de pagină. Dar totul are propria logică obiectivă.

Dezvoltatorul trebuie doar să ia în considerare corect: chiar dacă culoarea fontului HTML, CSS oferă o descriere rigidă, flexibilitatea structurii generale a descrierilor este munca sa.

Rezultatul așteptat din aplicarea logicii generale

Browserele moderne se referă calm la un număr mare de fișiere de stil și volumele acestora. Cu toate acestea, atunci când proiectăm, în special, prin CSS, culoarea întregii pagini, trebuie să ne gândim mereu la suficiență rezonabilă. Nu toate regulile de stil "ieftin" arată în aplicație. O înregistrare simplă laconică: * {culoare: albă} - este cu siguranță frumoasă, dar se aplică tuturor elementelor paginii fără excepție.

Dintre toate regulile pe care CSS le are, cele mai importante:

• stilul este o clasă, iar apoi numele său începe cu ".";
• stil - identificator și numele său începe cu simbolul "#";
• în alte cazuri - acesta este numele etichetei sau ceva special

Alte idei în ceea ce privește descrierea stilurilor (moștenire, proprietăți suprapuse, priorități, poziție, ordine etc.) ar trebui aplicate în mod semnificativ și strict, după cum este necesar.

Browserul va fi mereu dor de ceea ce nu înțelege în descriere, astfel încât nu vor exista surprize speciale. Dacă ceva nu a fost în locul potrivit sau nu ați putut seta culoarea fontului în CSS, atunci eroarea este în stil.

Oportunități neașteptate

Nu trebuie să abuzați de stiluri precum * {left: 124px; } sau

ol ol, ol ul, ul ul, ul ol {margin-bottom: 0-}
un img {margine: 0-}

Deși este dificil să forțezi chiar și un dezvoltator novice să utilizeze regulile CSS ca atare. Î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 jаvascript 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 o foaie de stil conectată la o pagină printr-o etichetă de legătură sau inserată în ea prin intermediul etichetei de stil. Este, de asemenea, o oportunitate de a crea un stil în zbor sau de a schimba un stil existent.

Aplicând CSS, culoarea fontului se poate face programat. Pe lângă mărime, poziție, liniuțe. Un site nu este un scop de a aplica cunoștințe în CSS, HTML, PHP sau flash efecte jаvascript.

O resursă web este în primul rând informațiile oferite într-un anumit mod. 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ă

Nu este întotdeauna necesar să scrieți un cod jаvascript complex pentru a face conținutul dinamic, iar designul său - un conținut adecvat. Uneori este suficient să utilizați oportunitățile disponibile în mod corect. În special, prin definirea inițială a culorii fontului de către CSS ca regulă statică, puteți ascunde această regulă (ascunsă) și puteți vizualiza o altă regulă (vizibilă).

Aici dinamica nu necesită un algoritm:

// evidențiați butonul de conectare de pe site
funcția scfWelcomeOver () {
document.getElementById (`scDocxNamePiP`) style.visibility = `vizibil`
}

// ascundeți butonul de conectare de pe site
funcția scfWelcomeOut () {
document.getElementById (`scDocxNamePiP`) style.visibility = `ascuns`-
}

CSS oferă propriile sale variante de dinamică: linii de rulare, transparența elementelor, diferite variante de suprapuneri, manifestări, decolorări de culoare. În CSS, culoarea fontului poate fi făcută chiar și în așa fel încât nu este prevăzută nicio regulă de stil.

Afișare dinamică a conținutului

Dacă nu ar exista dogme, probabil că nu ar fi existat niciun progres. Nu este pur și simplu nimic de luptat. Hypertextul a adus multe dogme lumii. Este timpul să le acordați atenție și să dezvoltați site-uri într-un mod pragmatic și practic.

Inițial există o pagină (P), conținutul (K) este plasat pe ea, toate etichetele de pagină sunt descrise în foaia de stil (S). Nu este nou pentru a crea o pagină P prin PHP sau Perl pe server, alegând K din baza de date. Foaia de stil existentă S va fi atașată automat. Cu toate acestea, K poate fi schimbată și, în majoritatea cazurilor, o astfel de schimbare va implica necesitatea altor stiluri, adică în 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».

Mai practică este o altă abordare. Indiferent de categoria articolului, există întotdeauna conținut în acesta care poate fi colorat î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 stilului din jаvascript

Soluția minimă, deși foarte eficientă, este de a face stilul direct în browser-ul clientului. În primul rând, descărcarea serverului - nu va fi necesar să pierdeți timpul pentru formarea paginilor de hipertext și a fișierelor de stil pentru aceasta.

Î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ă ofere un mecanism pentru ca vizitatorul să creeze conținut într-un stil în care este convenabil. Nimeni altcineva nu are asta.

Pentru a implementa această idee, este necesară implementarea mecanismului de creare a stilurilor de elemente imediat după încărcarea paginii și în procesul de funcționare a acesteia. Site-ul modern este AJAX într-o variantă. Nu este dificil să realizați formarea stilurilor direct în procesul de formare a unui arbore de pagină. Este simplu, accesibil și eficient, deoarece conținutul merge împreună cu designul său.

Acest lucru nu contrazice tendința actuală de a separa prezentarea de date de prelucrarea acestora și se efectuează pe datele emise către cartografiere.

CSS ca o componentă activă

Hypertextul a adus multe lucruri bune, însă doar o mică parte a informațiilor naturale a fost formalizată cu succes, au apărut instrumente și experiență în crearea documentelor HTML, XML, CSS de înaltă calitate. Nu este o problemă să formalizăm noi volume de informații și să schimbăm ceea ce sa făcut înainte.

În ceea ce privește CSS, acest proces este deja activat într-un context complet diferit. instrumente încorporate în jаvascript, 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 prima, cât și a doua permit stilurile de programare. Aceasta este o nouă direcție în domeniul tehnologiei informației. Stilurile sunt mult mai formale decât HTML sau XML, regulile sunt foarte simple. Stilul este întotdeauna prezent în informații, indiferent de natura lor.

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.

Cu privire la dogmele din domeniul programării

Ca un aisberg, dogma nu poate să ardă mult timp spațiile de informare. Experiența acumulată a fost să se concentreze nu numai în standardele HTML și CSS, instrumente de lucru cu ele, cunoștințele dezvoltatorilor.

O sarcină simplă - pentru a face culoarea fontului folosind CSS - a găsit propria soluție excelentă. Regulile, sintaxa, logica și comoditatea 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ța și instrumentele educației stilului natural din conținut.

După cum este posibil, este posibil să nu fie clar, dar faptul că procesul este deja în desfășurare este evident.