Css HTML

Introducere în CSS

Ce este CSS-ul?

Css-ul este un limbaj de stilizare al elementelor html, al tagurilor html. Denumirea CSS provine din expresia Cascading Style Sheets. În Web Design-ul modern, pentru stilizarea paginilor web se foloseşte numai CSS. Acest lucru înseamnă că de la culoarea literelor şi a backgroundului până şi la poziţionarea elementelor de pe o pagină web, totul este stilizat prin CSS. Stilurile folosite pe o pagină pot fi încorporate în pagina respectivă sau pot fi chemate din fişiere externe, fişiere css.

Unde definim stilurile CSS ?

Stilurile pentru o pagină pot fi definite în partea de Head a documentului html, pot fi definite într-un fisier css extern, pe care-l putem chema tot din partea de head a paginii, sau putem aplica un stil diferit în partea Body a fişierului html, la fiecare tag html în parte (css inline).

Esenţa Css-ului

Cu ajutorul stilurilor CSS putem să stilizăm situri întregi dintr-un singur fişier. Asta rezultă în mai puţin cod, care va face paginile să se încarce mai repede. Dacă în viitor vrem să facem o modificare pe site, nu va trebui sa edităm fiecare pagină, articol în parte, ci vom modifica un singur fişier, fişierul css extern.
Css-ul ne dă libertatea să suprascriem un stil deja definit, pentru că lucrează cu o anumită ierarhie, adică:

Prima dată va fi luat în considerare stilul definit în fişierul extern, după care urmează
stilul definit în partea head, iar ultima dată
cu css-ul inline, adică cu stilul definit într-un tag html cu ajutorul atributului style putem suprascrie orice stil definit anterior.

CSS (Cascading Style Sheets)a fost creat pentru a uşura munca programatorilor. Pentru a face design la un site (fără a folosi CSS), trebuie să scrieţi la majoritatea tagurilor multe atribute care sa afişeze tagul sub o anumită formă. Trebuie să poziţionaţi tagul sau să-i daţi o culoare sau să puneţi un anumit font la text etc. Este necesar să faceţi aceste lucruri pentru fiecare tag chiar dacă sunt două taguri la fel. Pentru mai multe pagini ale unui site, formatările sunt la fel pentru toate paginile.

CSS rezolvă aceste probleme. Paginile unui site au acelaşi still, acelaşi design, CSS separă stilul tagurilor de taguri şi dă posibilitatea de a pune toate stilurile în sectiunea HEAD a unei pagini HTML sau într-un fişier extern style.css la care se leagă paginile HTML .

Dacă avem stilul tagurilor unei pagini într-un fişier style.css putem să legăm toate paginile site-ului la acel fişier.

Exemplu fără CSS:

Text 1

Text 2

Text 3

Text 4

Text 5

Text 6

Text 7

Text 8

Acelaşi exemplu cu CSS:

<style type="text/css">

font{

color:#0000CC;

font-family:Arial;

font-size:+1;

}

</style>

Text 1

Text 2

Text 3

Text 4

Text 5

Text 6

Text 7

Text 8

Bineînţeles dacă utilizaţi CSS nu înseamnă că nu puteţi să-l folosiţi şi pentru fiecare tag în parte. Există cazuri în care e mai bine să folosiţi css în tag.

Text 1

Când realizaţi un site veţi folosi css într-un fişier extern pentru a putea adăuga acel fişier în toate paginile.

În acelaşi folder cu fişierul index.html mai creaţi un fişier şi numiţi-l style.css .

Ca să legaţi fişierul HTML de cel cu CSS trebuie să adăugaţi în fişierul HTML următoarea linie:

<link rel="stylesheet" type="text/css" href="style.css">

Această linie trebuie adăugată în secţiunea HEAD a paginii imediat după titlu.

<html>

<head>

<title>Aici se pune titlul paginii</title>

</head>

<body>

Acesta este corpul paginii

</body>

</html>

Configurarea fonturilor

http://www.marplo.net/curs_css/fonturi.html

Introducere în CSS

Ce este CSS-ul?

Unde definim stilurile CSS ?

Esenţa Css-ului

Bibliografie