Introducere
? CSS - Cascading Style Sheets
? HTML a fost creat pentru a defini continutul documentului
? Stilurile definesc cum vor fi afisate elementele HTML
? Foile de stiluri externe - fisiere CSS
? Sintaxa CSS trebuie respectata cu strictete!
Atribute standard ale elementelor HTML
Atributul Valoarea Descriere
class numele_clasei Specifica un nume de clasa pentru un element HTML
id id Specifica un identificator unic pentru un element
style definitie_de_stil Specifica un stil pentru un element
title text Specifica informatii suplimentare despre un element
4.1. Sintaxa CSS
? O regula CSS este formata din doua parti:
o un element de selectie
o un element declarativ (format din doua sau mai multe declaratii)
? Fiecare declaratie este compusa dintr-o proprietate si valoarea
acesteia, proprietatea reprezentand atributul de stil ce se doreste
modificat.
? Declaratiile CSS se termina cu caracterul ,,;".
? Grupurile de declaratii sunt incadrate de acolade.
? Comentariile CSS se incadreaza cu caracterele ,,/*" si ,,*/".
? O proprietate poate avea mai multe valori alternative (suport pentru
flexibilitate)
P {color:red; text-align:center;}
H2 { font-family: Arial, Helvetica, sans-serif }
Se recomanda ca ultima alternativa sa fie cat mai generala (in acest caz
familia de fonturi Sans Serif). Daca navigatorul nu gaseste nici o potrivire, vor
fi considerate valorile implicite.
4.2. Nivelele CSS
? Nivelul CSS1 (Cascading Style Sheets - level 1) - mecanism simplu
care permite autorilor si utilizatorilor paginilor Web sa ataseze acestora
stiluri (de exemplu, fonturi, culori si spatieri). Este usor de inteles si de
folosit de designerii Web si exprima stilurile conform terminologiei
editarii computerizate.
? CSS2 (Cascading Style Sheets - level 2) - generalizare (extensie) a
primului nivel de foi de stiluri, aducand in plus facilitati de mostenire a
foilor de stiluri, efecte vizuale, pozitionari si paginari, integrarea mai
multor tipuri de medii (suport pentru sunet).
4.3. Moduri de definire ale stilurilor cascadate
a. definire in antetul documentului
Stilurile se declara cu ajutorul elementului <style> in care se amplaseaza
elementele de selectie (elementele HTML asupra carora se definesc stilurile)
urmati de definitiile de stil (de forma proprietate: valoare)
Stilurile se definesc in antetul documentului atunci cind ele sunt unice
pentru acel document.
<html>
<head>
<title>Foi de stil</title>
<style type="text/css">
h2 { font-family: arial; font-style: italic; color:
green }
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
hr {color:sienna;}
</style>
</head>
<body>
<h2>Este verde, italic si arial.</h2>
<p>
<h2>Si acesta este la fel...</h2>
</body>
</html>
b. insertie in cadrul unui element HTML (in-line)
Stilulurile pot fi definite prin intermediul atributului style pentru un
anumit element HTML. In cele mai multe cazuri aceasta e metoda de a
modifica stilurile globale definite.
Stiluri cascadate - CSS (Cascading Styling Sheets)
Documentul este oferit gratuit,
trebuie doar să te autentifici in contul tău.
