Crearea etichetelor HTML personalizate
Majoritatea etichetelor HTML au unele proprietati prestabilite. Acestea fie raman asa cum sunt, fie
pot fi redefinite. Exista insa cazuri in care se doreste crearea unor etichete personalizate, pornind de
la zero. In acest caz se folosesc etichetele si
.
In linie
Eticheta nu are proprietati mostenite. Ea reprezinta doar o locatie vida menita sa creeze o
eticheta in linie.
.nume_clasa { proprietate1:valoare1; proprietate2:valoare2; ...}
#span1 { proprietate1:valoare1; proprietate2:valoare2; ...}
span.clasa_span { proprietate1:valoare1; proprietate2:valoare2; ...}
...
...
...
...
...
...
...
Pentru a configura o eticheta in linie trebuie configurata o clasa sau identificator care sa poata fi
aplicat apoi unei etichete . In cazul in care selectorul de clasa este precedat de selectorul
HTML span, definitia respectiva poate fi utilizata doar intr-o eticheta span.
La nivel de bloc
In momentul in care este necesara configurarea unui bloc separat de restul continutului unui document HTML, solutia este eticheta
.
Aceasta determina un salt atat deasupra sa, cat si dedesubtul sau.
Aceasta determina un salt atat deasupra sa, cat si dedesubtul sau.
.nume_clasa { proprietate1:valoare1; proprietate2:valoare2; ...}
#div1 { proprietate1:valoare1; proprietate2:valoare2; ...}
span.clasa_div { proprietate1:valoare1; proprietate2:valoare2; ...}
...
...
...
...
...
...
...
Pentru crearea etichetelor la nivel de bloc se procedeaza la fel ca si in cazul etichetelor in linie, prin configurarea mai intai a unei etichete de tip clasa sau identificator, urmata apoi de aplicarea ei asupra unei etichete.
Regulile CSS pentru definirea etichetelor personalizate in linie sau la nivel de bloc pot fi plasate in sectiunea head a documentului in cadrul etichetei container style, sau intr-un fisier extern care ulterior este legat sau importat in documentul HTML.
Regulile CSS pentru definirea etichetelor personalizate in linie sau la nivel de bloc pot fi plasate in sectiunea head a documentului in cadrul etichetei container style, sau intr-un fisier extern care ulterior este legat sau importat in documentul HTML.
Etichete HTML personalizate
Eticheta DIV.
Personalizarea etichetelor HTML la nivel de bloc.
stil-2-7.css
body{
background-color:#b8e6e6;
}
#wrapper{
margin-left:50px;
}
.pers_niv_bloc{
width:170px;
background-color:#ffebff;
}
div.clasa_pers_bl{
Leave a Comment
Trebuie să fii autentificat pentru a publica un comentariu.