Web Design Web Design | Page 8

CSS - Extern, intern sau inline

In momentul de față codul CSS se poate stoca sau pune in trei locuri si anume:

fișier extern (.css)

intern - in head

in tagul care se vrea personalizat (inline)

CSS - Fisier .css extern

În general fisierele externe de CSS sunt cele mai folosite. Este de recomandat sa folositi aceasta metoda pentru o mai simpla modificare a intregului website. In acest fel se poate modicica un site intreg schimband continutul unui singur fisier .css. Singura conditie este ca toate paginile sitului sa contina in sectiunea head tag-ul <link>.

Unfisier CSS se poate scrie in orice editor de text, notepad, notepad++, word, macromedia, etc dar trebuiesc salvate cu extensia ".css"

Un exemplu simplu de cod CSS ar fi urmatorul:

CSS:

body { background-image: url("img/imagine.png"); }

hr { color: #efefef;}

p { margin-left: 15px;}

CSS intern

Codul CSS in head, nu ar trebuii folosit prea mult cu exceptia faptului ca ai o pagina care are nevoie de un stil propriu si nu il imparte cu nici o alta pagina.

Codul CSS intern este acelasi ca si la cel introdus intr-un CSS extern., cu exceptia unor taguri speciale care il incapsuleaza. Dar sa aruncam o privire la exemplul urmator.

HTML:

<head>

<style type="text/css">

body { background-image: url("img/imagine.png"); }

hr { color: #efefef; }

p { margin-left:15px;}

</style>

</head>

CSS - Extern, intern sau inline