» » » Sintaxa CSS – Blocul de declaraţii, Utilizarea, Surse, Schema de prioritate

Sintaxa CSS – Blocul de declaraţii, Utilizarea, Surse, Schema de prioritate

postat în: Știri | 0

CSS

Blocul de declaraţii

Un bloc de declarații constă dintr-o listă de declarații în acolade. Fiecare declarație în sine constă din o proprietate, două puncte (:), și o valoare. În cazul în care există mai multe declarații într-un bloc, punct şi virgulă (;) trebuie să fie introdusă pentru a separa fiecare declarație.

Proprietățile sunt specificate în standardul CSS. Fiecare proprietate are un set de valori posibile. Unele proprietăți pot afecta orice tip de elemente, iar altele se aplică doar numai pentru anumite grupuri de elemente.

Valorile pot fi cuvinte cheie, cum ar fi „centru” sau „moștenit”, sau valori numerice, cum ar fi 200px (200 pixeli) sau 80%. Valorile de culoare pot fi specificate cu cuvinte cheie (de exemplu, „roșu”), valori hexazecimale (de exemplu, # FF0000, de asemenea abreviat ca # F00), valorile RGB pe scara de la 0 la 255 (de exemplu, RGB (255, 0, 0)), valori RGBA care specifică atât culoarea cât și opacitatea (de exemplu RGBA (255, 0, 0, 0,8)), sau valori HSL sau HSLA (de exemplu HSL (000, 100%, 50%), HSLA (000, 100%, 50%, 80% )).

Utilizarea

Înainte de CSS, aproape toate atributele de prezentare ale documentelor HTML au fost cuprinse în marcarea HTML. Toate culorile de fonturi, stiluri de fundal, aliniamente de elemente, marini și dimensiuni trebuiau să fie descrise în mod explicit, de multe ori în mod repetat, în HTML. CSS permite autorilor să mute o mare parte din informații către un alt fișier, foaia de stil, rezultând un HTML considerabil mai simplu.

Titlurile (elemente H1), sub-titlurile (H2), sub-sub-titlurile (H3), etc, sunt definite structural folosind HTML. În presa scrisă și pe ecran, alegerea fonturilor, dimensiunilor, culorilor și accentelor pentru aceste elemente este de prezentare.

Înainte de CSS, autorii documentelor care doreau să atribuie astfel de caracteristici tipografice la, să zicem, toate titlurile H2, trebuiau să repete marcarea HTML de prezentare pentru fiecare apariție a acestui tip de titluri. Acest lucru făcea documente mai complexe, mai mari, și mai predispuse la erori și greu de întreținut. CSS permite separarea prezentării de structură. CSS poate defini culoarea, fontul, alinierea textului, dimensiunea, marginile, spațierea, aspectul, și multe alte caracteristici tipografice, și poate face acest lucru în mod independent de ecran și aspect tipărit. CSS definește, de asemenea, stiluri non-vizuale, cum ar fi viteza și accentul cu care textul este citit de către cititorii de text fonetic. W3C a renunţat acum la utilizarea tuturor marcărilor HTML de prezentare.

De exemplu, în conformitate cu HTML anterior CSS, un element de titlu definit cu text roșu s-ar fi scris ca:

<h1><font color=„red”> Chapter 1. </font></h1>

Folosind CSS, același element poate fi codificate folosind proprietățile de stil în loc de atribute HTML de prezentare:

<h1 style=„color:red”> Chapter 1. </h1>

Un fișier CSS „extern”, așa cum este descris mai jos, poate fi asociat cu un document HTML utilizând următoarea sintaxă:

<link href=„path/to/file.css” rel=„stylesheet”>

Un cod CSS intern poate fi introdus în secțiunea de titlu a codului. Codificarea începe cu stilul etichetei. De exemplu,

<style>

Surse

Informațiile CSS pot fi furnizate din diverse surse. Aceste surse pot fi browser-ul web, utilizatorul și autorul. Informațiile de la autor pot fi clasificate în continuare în inline, de tip media, importanță, specificitate selector, ordinea regulilor, moștenire și definiție proprietate. Informaţiile de stil CSS pot fi într-un document separat sau pot fi integrate într-un document HTML. Foile de stil multiple pot fi importate. Diferite stiluri pot fi aplicate în funcție de dispozitivul de ieșire utilizat; de exemplu versiunea ecran poate fi destul de diferită de versiunea tipărită, astfel încât autorii pot adapta prezentarea în mod adecvat pentru fiecare mediu.

Foaia de stil cu cea mai mare prioritate controlează afișarea de conținut. Declarațiile nestabilite în sursa cea mai prioritară sunt transmise la o sursă de prioritate inferioară, cum ar fi stilul agentului utilizator. Acest proces este numit în cascadă.

Unul dintre obiectivele CSS este, de asemenea, să permită utilizatorilor un control mai mare asupra prezentării. Cineva pentru care titlurile italice roşii sunt dificil de citit, poate aplica o foaie de stil diferită. În funcţie de browser și site-ul web, un utilizator poate alege din mai multe foi de stil oferite de designeri, sau poate elimina toate stilurile adăugate și vizualiza site-ul folosind stilul implicit al browser-ului, sau poate suprascrie doar stilul roșu italic al titlului, fără a modifica alte atribute.

Schema de prioritate CSS (de la cea mai mare la cea mai mică)

  • Prioritate mare >>> Tipul sursei CSS >>> Descriere

  • 1 >>> Definit de utilizator >>> Majoritatea browserelor au caracteristica de accesibilitate: un CSS definit de utilizator

  • 2 >>> Inline >>> Un stil de aplicat pentru un element HTML prin proprietatea „stil” a HTML

  • 3 >>> Tip media >>> O definiție proprietate se aplică la toate tipurile de media, cu excepția cazului în care este definit un CSS specific

  • 4 >>> Importanța >>> Valoarea ‘!important’ suprascrie tipurile prioritare anterioare

  • 5 >>> Specificitate selector >>> Un selector contextual specific (#heading p) suprascrie definiția generică

  • 6 >>> Ordine reguli >>> Declarația ultima regulă are o prioritate mai mare

  • 7 >>> Moștenire parentslă >>> Dacă nu este specificată o proprietate, este moștenit de la un element părinte

  • 8 >>> Definiție proprietate CSS în document HTML >>> Regula CSS sau stilul CSS inline suprascrie o valoare implicită a browser-ului

  • 9 >>> Browser implicit >>> Cea mai mică prioritate: valoarea implicită a browser-ului este determinată de specificaţiile W3C ale valorii inițiale.

Lasă un răspuns

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *