Articole Tutoriale CSS

Aplicarea CSS

In-line Formatarile in-line sunt aruncate direct in tagurile HTML folosind atributul style si arata cam asa: text Codul de mai sus face un anumit paragraf rosu. Cea mai buna abordare practica consta in faptul ca HTML-ul ar trebui sa fie intr-un document de sine statator deci formatarile de tipul in-line ar trebui evitate. Interna Formatarea interna…

Cele mai bune practici CSS

Fisierul CSS este o parte importanta a intregului proiect deoarece poate adauga un plus de clasa si profesionalism la fel de usor cum poate sa strice impresia generala a utilizatorului. Iata cateva lucruri simple care pot imbunatati considerabil calitatea CSS-ului site-ului tau web: 1. Incercati sa organizati selectorii intr-o structura descendenta similara celei HTML. Va fi mult mai usor de citit fisierul in viitor daca elementele se gasesc acolo unde este evident ca ar trebui cautate. In plus…

Selectorii CSS

 Dupa cum am spus si in primul articol, CSS-ul este folosit pentru a adauga elemente de stil pentru diverse taguri HTML. Daca pentru unele elemente cum ar fi body este destul de sigur ca nu se vor repeta pe parcursul paginii web, la altele mai mult ca sigur vom dori sa folosim atribute diferite in functie de context sau asezarea lor. Pentru aceste cazuri exista doua abordari posibile: se poate atasa un id (in cadrul tagului se introduce un…

Web design si fonturi cu CSS

Astazi vom vorbi despre optiunile pe care le avem la dispozitie atunci cand dorim sa lucram cu fonturi in CSS pentru realizarea proiectului nostru de design web. Primul pas este sa decidem ce proprietati dorim sa atasam segmentului de text pe care il tintim. Pentru font putem sa folosim mai multe proprietati: font-family (Times New Roman, Arial, Helvetica, Verdana, Georgia, Palatino, etc.) font-size (px,pt,em - 1em=16px) font-style (normal, italic, oblique, inherit) font-variant (normal, small-caps, inherit) font-weight (normal, bold, bolder, lighter, 100...900, inherit) Daca din ratiuni de design…

Centrarea siteului web in CSS

  Astazi vom crea o pagina web foarte simpla si vom alinia continutul in centrul ecranului. Din punct de vedere HTML pagina este cat se poate de simpla. Vom afisa doar o eticheta H1 si un paragraf. Deci doar HTML: Bun venit in site-ul meu! Primul meu paragraf... Pentru a afisa continutul site-ului in centrul ecranului este necesar sa-l incadram intr-un div. Acesta este identificat folosind selectorul CSS "class" dar la fel de usor…