CSS - Cascading Style Sheets

Pagina principala   Curs Laborator Proiect

<< CSS Exercitii >>

3. CSS mai poate fi utilizat definind toate stilurile intr-un fisier extern, care are extensia .css. Apoi in paginile HTML in care se doreste utilizarea unui stil se face doar referire la acest fisier. In acesta caz definitia arata astfel:

<link rel="stylesheet" href="styles.css" type="text/css">

si este inserat tot in antetul documentului HTML, astfel:

<head>
<title>
<link rel="stylesheet" href="nume_fisier.css" type="text/css">
</head>

nume_fisier.css este numele fisierului in care sunt facute definitiile, si in acest caz se afla in acelasi director cu paginile HTML.

In exemplul de mai jos este indicat continutul unui posibil fisier CSS:

a {font-size: 11pt;font-weight: bold; color: #00cc00; text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: underline}

body {
font-family: Arial;
color: #551f00;
font-size: 11pt;
background-color: #ffbf55;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 0px;
}

.titlu {font-weight:bold; font-size:11pt; text-align:center;}

div.code {font-family: Verdana; color: #551f00; margin-left: 30;
margin-right:30; background-color: #cccccc}

La inceput sunt definite stilurile pentru cum sa arate link-urile, cele vizitate, active si cele pe care se afla mouse-ul (va fi subliniat cand mouse-ul va fi deasupra link-ului). A doua definitie se refera la intregul continut al paginii, pentru ca este aplicat tag-ului BODY, in care s-au definit tipul, marimea si culoarea fontului, culoarea fundalului si distanta textului de la margini.

In cazul in care stilul este definit in fisier extern, si de asemenea in interiorul tag-ului, ordinea de interpretare (precedenta) este: cea din tag, definitia din antet, si ultima este cea din fisierul extern.


La adresa de mai jos aveti proprietatile de tag-uri ce pot fi setate prin CSS, ordonate in categorii:

Proprietati CSS

La aceasta adresa aveti toate propriietatile ce pot fi definite prin CSS, ordonaet alfabetic:

Toate proprietatile CSS

Alt link pentru a invata CSS este la consortiul WWW:

Invatare CSS

<< CSS Exercitii >>