Tutorial CSS - Introducere in CSS

  »   CSS  »   Tutorial CSS - Introducere in CSS

CSS in relatie cu HTML

Inainte de a continua si in cazul in care nu stapaniti HTML si XHTML va sfatuiesc sa cititi cele doua tutoriale.

Ce veti invata in acest Tutorial CSS:

  • cum sa scrieti corect cod CSS
  • unde si cum trebuie plasat codul CSS
  • sa faceti un layout, un meniu folosind CSS
  • sa personalizezi campuri cu ajutorul CSS, si implicit formulare
  • imagini transparente, galerie de imagini folosind CSS
  • s.a.m.d.

Acestea fiind spuse va invit sa cititi in continuare tutorialul CSS

Introducere - De ce folosim CSS

Cu ajutorul CSS-ului putem crea pagini web simple dar si complexe folosind efecte diverse. Cu CSS putem stabili culoarea, marimea si fontul textului, deasemenea putem crea un layout (un suoport pentru elementele HTML) personalizat adaugand margine culoare sau imagine de fond si multe altele. In concluzie CSS te poate scapa de multe batai de cap, ajutandute in a mentine codul html cat mai simplu si mai ordonat.

Introducere - Ce este CSS - Generalitati

Cascading Style Sheets pe num ele lui mic CSS se foloseste pentru a personaliza tagurile HTML. In principiu HTML a fost conceput pentru a marca elementele unei pagini:

html<html>
	<head>
		<title>......</title>
	</head>
	<body>
		<h1>......</h1>
		<p>........</p>
	</body>
</html>

Odata cu introducerea HTML 3.2 au fost introduse si atributele de personalizare a tag-urilor precum "font", "color" etc. A fost atunci cand limbajul de programare HTML a devenit greoi. Fiecare pagina a websitului trebuia luata separat si modificate proprietatile elementelor principale.

Aceasta problema a fost rezolvata in versiunea 4.0 a HTML-ului. Toate atributele de personalizare au fost scoase si salvate intr-un fisier extern cu extensia ".css".

In felul acesta modificand un singur fisier putem schimba forma in care sunt afisate toate paginile unui website. Putem schimba culoarea textului, fontul, marimea, putem personaliza div-uri, formulare si multe altele.

Si cam atat despre ce face si ce este CSS-ul. In capitolul urmator vom trece la lucruri mai practice si vom invata cum anume sa facem tot ce am spus ca se poate face folosind CSS.