| PROIECTARE SITE WEB > DOCUMENTATIE - CSS - Stiluri inline
|
Proiectare Site si Web Design - Standardul CSS
Stiluri Inline
Stilurile in-line sunt acele stiluri definite chiar in eticheta
HTML (marcajul) ce initiaza blocul in care dorim sa se aplice aceste
stiluri. Adica sunt ceea ce, la precedentele sectiuni dedicate standardului
CSS, am definit ca stil in interiorul tagurilor H2, P, etc...
Dupa cum am vazut deja, pentru a defini stiluri inline se utilizeaza
atributul universal "style" (comun practic tuturor etichetelor
ce apar intr-un document HTML). in continuarea caruia apare semnul
egal, dupa care, intre ghilimele, urmeaza definirea stilului, practic
valoarea atributului "style".
Valoarea data atributului "style"
este tocmai descrierea stilului, cuprinsa nu intre acolade {..} (ca
la definirea in HEAD sau in fiserul CSS extern - dupa cum vom vedea},
ci intre ghilimele "..." (dupa cum am aratat si din exemplele
anterioare).
Concret:
<H3
style= "color:red; text-align: center;">Acest header
are marimea 2, este de culoare rosie si se pozitioneaza in pagina
centrat.</H3>
Daca dorim utilizarea unui anumit stil pentru un
fragment de text, atunci includem acest text intr-un bloc cu ajutorul
delimitatorilor <span>...</span>, dupa care
putem utiliza atributul "style", in cadrul etichetei <span>,
inline:
<html>
<head>
<title>Pagina HTML cu stil inline</title>
</head>
<body><H3>Titlu
de marime 3</H3>
<span
style="size:15pt; align=center; color:green;">
Acesta este un text cu corpul de litera de dimensine 15 puncte,
aliniat pe centru si de culoare verde.
</span>
</body>
</html>
|
Creare
si actualizare site