CSS Divizii

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.