Gazduire Smarthost

Divizii css

Daca ati parcurs deja primele patru capitole (pagini), putem spune ca aveti cunostintele de baza in CSS. Acum ne abatem putin atentia de la CSS si ne indreptam spre partea de folosite a lui in paginile (X)HTML.


Divizii

Divizia poate fi definta ca: element de tip bloc folosit pentru definirea unor zone din fisierul (X)HTML. O divizie poate contine toate partile care alcatuiesc siteul dvs., incluzand alte divizii, span-uri, imagini, text, etc. Puteti defini o divizie intr-un fisier (X)HTML, plasand urmatorul cod intre tag-urile <body> </body> :

<div>
Continutul siteului este plasat aici
</div>

Bineinteles, veti dori sa il stilizati un pic. Modificam in acest caz, astfel:


<div id="container">
Continutul siteului este plasat aici
</div>

Iar in fisierul css avem urmatorul cod:

#container{
width: 70%;
margin: auto;
padding: 20px;
border: 1px solid #666;
background: #ffffff;
}

Acum, tot continutul din divizia noastra va fi stilizat dupa regula "container", pe care am definit-o in fisierul css. O divizie, realizeaza implicit o trecere la linie noua (linebreak). Puteti folosi atat ID-urile cat si clasele pentru stilizarea unei divizii in cadrul site-ului dvs.

Comentarii

Nu exista inca nici un comentariu referitor la subiectul de mai sus. Poti fi primul care adauga o intrebare sau un comentariu!

Adauga o intrebare sau un comentariu referitor la acest subiect:

Numele tau

E-mailul tau

Comentariul tau

Cod de siguranta
security code
Introduceti codul de siguranta din imagine. Aceasta masura protejeaza sistemul de trimiteri automate ale formularului.