Cunoaște Intuit, baze de curs css

Rezumat: Conceptul de Cascading Style Sheets. Istoria versiunilor CSS. Relația între mai multe elemente imbricate. Crearea unei foi de stil CSS. HTML Comunicare și CSS. reguli CSS de scriere. Cascade CSS.

Internet simplifică foarte mult căutarea de informații relevante, partea din spate, cu toate acestea, este faptul că cele mai multe surse de Internet - retell pur și simplu reciproc, în cazul în care nu se suprapun complet. De exemplu, tastând într-un motor de căutare CSS. poti invata foarte repede ceea ce este:

  1. Cascading Style Sheets;
  2. Acesta este utilizat pentru a controla aspectul informațiilor furnizate de site-ul.

Mai multe dificil de știut exact cum să se refere CSS cu HTML. și chiar mai dificil - de ce pentru înregistrarea unui document HTML nu se poate face propriile lor capacități HTML. cu atât mai mult că atributele corespunzătoare sunt prezente în cele mai multe tag-uri. Ca o introducere la acest capitol, vom încerca să aducă unele claritate la aceste întrebări.

Apariția CSS

În a doua lectura acestui curs este o scurtă istorie a HTML origine. Parțial scris astăzi se va suprapune cu materialul anterior.

Primul HTML standard nu conține structuri care permit afișarea textului în orice mod special, adică, nu a existat nici un caz apariția de gestionare a informațiilor. Sarcina inițială a fost de a asigura disponibilitatea informațiilor pentru toate dispozitivele.

Odată cu răspândirea în continuare a HTML, companii precum Microsoft și Netscape a început să pună în aplicare propriile lor tag-uri sau de a „îmbunătăți“ existente doar în scopul gestionării de înregistrare HTML - documente. O parte din modificările a prins rădăcini și „stânga“ a maselor.

După ce sa întâmplat în mod logic inevitabil, și anume, HTML a început să reprezinte o colecție de tag-uri disparate și extensii. remedia situația rezultatul a fost un standard HTML 3.2, „legalizat“, o serie de modificări și de a elimina problemele de compatibilitate.

Astfel, în cazul în care o oarecare simplificare, putem spune că toate metodele și etichetele. concepute pentru a controla aspectul informațiilor furnizate, în esența sa, este o intoarcere la versiunile anterioare ale HTML.

HTML standard 3.2 un număr fix de cele mai grave deficiențe ale versiunilor anterioare. Soluția reală a problemei a fost standardul HTML 4.0, în care a fost propus pentru a separa descrierea structurii documentului html la data înregistrării acesteia.

Dacă suntem cu adevărat „dig“ în istorie, putem vedea că această abordare nu este nouă. SGML, pe baza căruia prima versiune a HTML, printre altele, a sugerat existența unui separat „File Style“ a documentului.

Astfel, aspectul foii de stil în cascadă este un rezultat firesc al dezvoltării evolutive a standardelor pentru HTML.

Natura și avantajele CSS

CSS (Cascading Style Sheets - Cascading Style Sheets) - o limbă pentru a descrie apariția documentului care a fost creat folosind un limbaj de marcare.

Conceptul de foi de stil în cascadă a fost propus Hokonom Vium Lie - om de știință norvegiană și expert în domeniul tehnologiei informației. a lucrat pentru un timp pe consorțiul W3C.

De obicei, CSS este utilizat atunci când se lucrează cu HTML și XHTML limbi, și este utilizat pentru a seta culoarea, opțiunile de fonturi, machete și alte elemente care prezintă web - pagini.

Avantajele folosirii CSS sunt:

  • gestionarea centralizată a unei multitudini de afișare a documentelor cu stylesheet;
  • Controlul simplificat apariția web - pagini;
  • disponibilitatea tehnicilor de proiectare dezvoltate;
  • abilitatea de a utiliza stiluri diferite pentru un document, în funcție de dispozitivul prin care oferă acces la web - pagina.

standardul HTML 4.0, în plus față de CSS a aprobat și modelul browser-obiect (Browser Object Model - BOM), la care ar trebui să fie discutate separat.

Obiect Browser Modelul descrie conținutul web - documentul care este modelul în sine este o colecție de obiecte care descriu conținutul specificat. Deoarece BOM este unic pentru fiecare browser. probleme cu aplicatii cross-platform. În cele din urmă, locul modelului de obiect a venit Document Object Model de browser (Document Object Model - DOM), care descrie standardele pentru prezentarea Web - pagini ca un set de obiecte.

O scurtă istorie a CSS

Descrierea CSS ocurență ar fi incompletă fără o scurtă istorie a versiunilor de Cascading Style Sheets.

  • O metodă de control a elementului de afișare pe pagină.
  • Specificarea setărilor elementului de flux de text.
  • Controlul dimensiunii elementului.
  • Controlul membru liniuță interne și externe.
  • Controlul alinierii verticale în tabele.
  • Gestionare stiluri limitele elementului.
  • de gestionare a listelor de formatare.
  • Control prim-plan și culorile de fundal.
  • opțiuni de gestionare a fontului.
  • proprietățile textului de control.
  • interliniaj de control.
Toate posibil CSS1 și unele noi:
  • Text Direcția de Control.
  • Elemente de control de poziționare.
  • Gestionarea regiunii vizibile a elementelor.
  • Elementele de control de afișare în afara dimensiunii de delimitare predeterminată.
  • Vedere externă a cursorului de control.
  • Elementele de control situate pe axa z (straturi).
  • Setarea posibilă dimensiunea minimă și maximă a elementului.
  • distanța dintre masa de gestionare a celulei.
  • limite de stil de control (limitele de fiecare separat).
  • dimensiunea mesei de gestionare a elementelor.
  • citate stiluri de management.
  • de management al conținutului atunci când se imprimă.
  • Gestionarea conținutului de sunet de proiectare (volum, pauză, etc.).
  • Fixe mai multe bug-uri CSS2.
  • A schimbat unele lucruri, a căror punere în aplicare marea majoritate a browsere diferite din caietul de sarcini CSS2.
  • Caracteristici demontata CSS2. care, datorită faptului că nu au fost realizate, au fost respinse de către comunitatea CSS.
  • Fragmentele CSS2 eliminate. care vor fi depășite în CSS3.
  • Am adăugat câteva valori de proprietate noi.
  • Suport pentru colturi rotunjite.
  • Suport pentru frontiere gradientului.
  • Gestionarea elementelor de umbră.
  • Sprijină posibilitatea de a folosi imagini ca elemente limite.
  • Gestionarea textului umbră.
  • Suport pentru fonturi non-standard.
  • Capacitatea de a modifica dimensiunile blocului de utilizator.
  • Segmentarea textul în mai multe coloane.
  • imagine de fundal de management.

În prezent, standardul CSS3 este în curs de dezvoltare. În acest sens, am enumerat doar câteva dintre inovațiile sale. Mai multe detalii cu ei în această etapă, sunt invitați să consulte propriile lor.