Tutorial CSS – DIVIZII (div-urile)

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.

Sursa: cssplaza.com

2 comentarii

Lasă un răspuns

Completează mai jos detaliile despre tine sau dă clic pe un icon pentru autentificare:

Logo WordPress.com

Comentezi folosind contul tău WordPress.com. Dezautentificare / Schimbă )

Poză Twitter

Comentezi folosind contul tău Twitter. Dezautentificare / Schimbă )

Fotografie Facebook

Comentezi folosind contul tău Facebook. Dezautentificare / Schimbă )

Fotografie Google+

Comentezi folosind contul tău Google+. Dezautentificare / Schimbă )

Conectare la %s