Rezumat: Conceptul de foi de stil în cascadă. Istoricul versiunilor CSS. Relația dintre mai multe elemente imbricate. Creați stiluri CSS. Legătura dintre HTML și CSS. Regulile de scriere a CSS. CSS cascadă.
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, introduceți în motorul de căutare CSS. puteți afla foarte rapid ce este:
- foi de stil cascadă;
- Folosit pentru a controla aspectul informațiilor furnizate de site.
Este ceva mai greu să știi exact cum CSS se referă la HTML. și chiar mai dificil - de ce nu puteți face cu propriile capabilități HTML pentru documentul HTML. mai ales că atributele corespunzătoare sunt prezente în majoritatea etichetelor. Ca o introducere la această prelegere, vom încerca să clarificăm aceste întrebări.
Apariția CSS
A doua lecție a cursului nostru oferă o scurtă istorie a apariției HTML. Parțial scrise acum se vor intersecta cu materialul trecut.
Primul standard HTML nu conține nicio structură care să vă permită afișarea textului într-un anumit mod, adică nu au existat mijloace de a controla aspectul informațiilor. Sarcina inițială a fost aceea de a asigura disponibilitatea informațiilor pentru orice dispozitiv.
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 introduse s-au obișnuit și au "plecat" în masă.
Apoi, logic inevitabil sa întâmplat, și anume, HTML a devenit un set de etichete și extensii incompatibile. Rezultatul corecției situației a fost standardul HTML 3.2, "legitimizat" o serie de modificări și a eliminat problemele de compatibilitate.
Astfel, dacă simplificăm oarecum, putem spune că toate tehnicile și etichetele. cu scopul de a controla aspectul informațiilor furnizate, de fapt, sunt atavismul versiunilor anterioare ale HTML.
Standardul HTML 3.2 a corectat numai unele dintre cele mai grave neajunsuri ale versiunilor anterioare. Soluția reală a problemei a fost standardul HTML 4.0, în cadrul căruia sa sugerat separarea descrierii structurii documentului html de design.
Dacă într-adevăr "rumați" în istorie, puteți vedea că această abordare nu este nici nouă. SGML, pe care se baza prima versiune a HTML, a sugerat, printre altele, existența unui "fișier de stil" separat al documentului.
Astfel, apariția foilor de stil cascadă este un rezultat natural al dezvoltării evolutive a standardelor HTML.
Esența și beneficiile CSS
CSS (Cascading Style Sheets) este o limbă pentru descrierea aspectului unui document creat folosind limba de marcare.
Conceptul cascadelor de stil a fost propus de Hocon Vium Lee - om de știință norvegian și specialist în domeniul tehnologiei informației. care la acel moment a lucrat pentru 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.
Beneficiile utilizării CSS includ:
- gestionarea centralizată a afișării mai multor documente utilizând o singură foaie de stil;
- controlul simplificat asupra apariției paginilor web;
- disponibilitatea tehnicilor de proiectare dezvoltate;
- Abilitatea de a utiliza stiluri diferite pentru un singur document, în funcție de dispozitivul cu care accesați pagina web.
Standardul HTML 4.0, pe lângă CSS, a aprobat, de asemenea, modelul de obiect al browserului (BOM), care ar trebui discutat separat.
Modelul obiect de browser descrie conținutul documentului web, adică Modelul în sine este un set de obiecte care descriu conținutul specificat. Deoarece BOM este unic pentru fiecare browser. au existat probleme cu aplicațiile 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 originii CSS va fi incompletă, fără un scurt istoric al versiunilor foilor de stil cascadă.
- Gestionarea modului în care un element este afișat pe o pagină.
- Specificați setările pentru împachetarea textului în jurul elementului.
- Gestionați dimensiunile elementului.
- Controlează zăbrelele exterioare și interioare ale elementului.
- Gestionarea alinierii verticale în tabele.
- Manipularea stilurilor elementelor de frontieră.
- Gestionați formatarea listelor.
- Controlează culorile textului și fundalului.
- Gestionați setările de fonturi.
- Gestionați proprietățile textului.
- Controlul distanței interline.
- Controlați direcția textului.
- Controlul poziționării elementelor.
- Controlează zonele vizibile ale elementelor.
- Controlați afișarea elementelor care depășesc limitele dimensiunilor specificate.
- Controlați aspectul cursorului.
- Controlați aranjamentul elementelor de-a lungul axei z (straturi).
- Specificați dimensiunile minime și maxime posibile ale unui element.
- Controlați distanța dintre celule în tabel.
- Gestionați stilurile de margine ale elementelor (fiecare margine separat).
- Gestionați mărimea elementelor din tabele.
- Gestionați stilurile de cotare.
- Gestionarea conținutului la imprimare.
- Gestionarea design-ului de sunet al conținutului (volum, pauze, etc.).
- Au fost rezolvate mai multe bug-uri CSS2.
- Unele lucruri s-au schimbat, implementarea cărora în marea majoritate a browserelor diferă de specificația CSS2.
- Eliminat caracteristicile CSS2. care, datorită faptului că nu au fost implementate, au fost respinse de comunitatea CSS.
- Eliminați fragmentele CSS2. care va fi depășită în CSS3.
- Adăugat câteva valori de proprietate noi.
- Suporta colturi rotunjite.
- Sprijin pentru limitele gradientului.
- Controlul umbrelor elementelor.
- Sprijin pentru posibilitatea utilizării imaginilor ca limite ale elementelor.
- Controlați umbra textului.
- Suport pentru fonturi non-standard.
- Abilitatea de a modifica dimensiunea blocurilor de către utilizator.
- Abilitatea de a împărți textul în mai multe coloane.
- Gestionați imaginile de fundal.
În prezent, standardul CSS3 este în curs de dezvoltare. În acest sens, am enumerat doar o serie de inovații. Mai mult cu ei, în această etapă, se oferă să vă familiarizați.
Articole similare
Trimiteți-le prietenilor: