Scopul creării CSS
CSS folosit de creatorii de pagini web pentru a defini culori. fonturi. dispunerea blocurilor individuale și alte aspecte ale prezentării de apariție a acestor pagini web. Scopul principal al dezvoltării CSS este o diviziune logică a descrierii structurii paginii web (care este produs folosind HTML sau alte limbaje de markup) din descrierea aspectului paginii web (care acum se face folosind CSS limbaj formal). Această separare poate mări disponibilitatea documentului, pentru a oferi o mai mare flexibilitate și capacitatea de a gestiona performanța sa, și de a reduce complexitatea și repetiția în conținutul structural. De asemenea, CSS permite să reprezinte același document în stiluri sau tehnici de ieșire, diferite, cum ar fi reprezentarea de afișare, reprezentarea imprimată, citirea de voce (browser cu voce specială sau un program de cititor de ecran), sau când dispozitivele de ieșire folosind braille.
moduri CSS pentru a se conecta la documentul
- Atunci când o foaie de stil este descris în document, acesta poate fi introdus în ea între etichetele (Care, la rândul său, plasat în documentul între tag-uri și ). Toate regulile acestui tabel sunt valabile pentru întregul document;
- Atunci când o foaie de stil este descris în document, acesta poate fi introdus în ea în corpul unei singure etichete (prin stilul atribut) al acestui document. Toate regulile din acest tabel se aplică numai la conținutul acestei etichete.
În primele două cazuri noi spunem că documentul aplicat foi de stil externe. și în al doilea rând două cazuri - stylesheet internă.
Pentru a adăuga CSS la XML documentul. acesta din urmă trebuie să conțină o referire specifică la foaia de stil. De exemplu:
Ierarhia elementelor dintr-un document
După cum este bine cunoscut, HTML documente se bazează pe ierarhizarea elementelor care pot fi reprezentate grafic într-o formă de arbore. elemente HTML una față de alta poate fi un părinte, copil, elemente strămoș, elemente copil, sora.
Elementul este părintele unui alt element, dacă structura ierarhică a documentului este situat imediat deasupra elementului. Elementul este strămoșul celuilalt element, dacă structura ierarhică a documentului este undeva deasupra elementului.
Să, de exemplu, documentul conține două punctul p. inclusiv caractere aldine b. Apoi, elementele b vor fi copii ai elementovp părintești. și urmașii lor predkovbody. La rândul său, pentru elementele elementului p corpului va fi doar un părinte. Și, în plus, aceste două elemente p vor fi frați. ambele au același părinte - organism.
CSS poate fi specificat folosind nu numai un singur element de selectare, dar elementele care sunt descendenți sau elemente care alăptează copii ale altor elemente (a se vedea. Subsecțiunea „tipuri de selectoare“).
reguli CSS de construcție
tipuri de selectoare
reguli CSS Căutători poate fi
- Există, de asemenea, un așa-numit selectorul universal în CSS. înseamnă orice element care apare în document. De exemplu, *. Înainte de orice selector care specifică o anumită clasă sau ID-ul, puteți pune un semn al selectorului universal, rezultatul va fi echivalentă cu expresia, de exemplu. primul și * .first au același înțeles.
Elemente de clase. Identificatorii Element.
Sau identificator de clasă poate fi atribuit un element (tag) HTML pe clase sau id atribut al elementului (tag):
Diferența principală dintre clasele de elemente și a identificatorilor de elemente care, în documentul de orice clasă pot fi atribuite mai multe elemente, și identificatorul - doar unul. De asemenea, diferența este că pot exista mai multe clase (în cazul în care clasa elementului este format din mai multe cuvinte, separate prin spații). Pentru identificatorii nu este posibil.
nume de clase și identificatorii, în opoziție cu numele tag-ul și atributele lor, litere sensibile caz.
Proprietățile claselor și identificatorii sunt stabilite prin intermediul unor selectoare corespunzătoare. Și poate fi definită ca o proprietate a clasei ca întreg (în acest caz, selectorul începe cu o „“), sau identificatorul în sine o proprietate (în acest caz, selectorul începe cu un «#»), și proprietățile acestei clase de orice element sau acest ID.
Moștenirea. Cascadă. Priorități în stiluri CSS.
Aplicarea CSS documentelor HTML bazate pe principiile de moștenire și în cascadă. Principiul de moștenire este faptul că proprietățile CSS care sunt declarate pentru elementele strămoș sunt moștenite de către descendenții elementelor. Dar, desigur, nu toate proprietățile CSS sunt moștenite - de exemplu, în cazul în care înseamnă CSS p paragraf tag-ul dat cadru, acesta nu va fi moștenită de orice etichetă conținute în această etichetă p, dar, în cazul în care punctul p CSS înseamnă a seta culoarea fontului (de exemplu, , culoare: verde;), atunci această proprietate va fi moștenită de fiecare membru al-tag, care se află în secțiunea.
Principiul se aplică în cascadă, în cazul în care unele elemente HTML în același timp, li sa atribuit o mai mult de un reguli CSS, adică, atunci când are loc conflictul de valori ale acestor norme. Pentru a rezolva astfel de conflicte sunt introduse reguli de prioritate.
Exemplul stylesheet
stylesheet EXEMPLU (în această formă poate fi plasată fie într-un fișier .css separat sau etichetat ca încadrat