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 nici nu prea are sens sa gasesti regulile definite pentru ...

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 id="id-ul meu") elementului vizat sau o clasa (in cadrul tagului se introduce un class="clasa mea" ). Pentru a selecta elementul res...

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, ...

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 putea fi folosit selectorul "id". Este o chestiune de preferinta personala alegerea tipului de selector dorit. Clasei site ii aso...

Introducere in Cascading Style Sheets

 

CSS-ul a aparut ca o solutie propusa de W3C (World Wide Web Consortium - comunitate online fondata de inventatorul web-ului) pentru rezolvarea unei probleme. In versiunea 3.2 a HTML au aparut tagurile pentru font si culoare. Acest lucru a creat mari probleme companiilor care aveau deja site-uri destul de voluminoase. Modificarea tuturor paginilor era un proces de durata si destul de costisitor. Pentru a rezolva aceasta problema, W3C a propus crearea unor fisiere externe care sa contina proprietatile atasate ...