Tutoriale css

Tutorial CSS (Cascading Style Sheets)

Tutorial cssCss-ul este cel mai modern limbaj de stilizare pentru pagini web. După ce urmați primul tutorial CSS, veți avea o înțelegere mai bună despre ce este vorba. Nu vă speriați, și acest limbaj, ca si limbajul html, este foarte usor de învățat, și după ce veți avea o înțelegere generală, veți observa că nu este știința rachetelor. Cu toate că este un limbaj foarte simplu, cu atât e mai puternic când vine vorba de web design. Web design-ul modern, folosește doar directivele css pentru stilizarea paginilor, pentru că Css-ul oferă o eficacitate și performanță extraordinară, față de orice alt tip de stilizare. Începătorilor recomand să urmeze tutorialele Css în ordine, pentru a înțelege mai bine funcționarea. Citiți primul tutorial css aici: Introducere in css

Sprite-uri CSS!
Tehnologie pentru pagini web rapide – Tutorial Css

Css sprite

Acest tutorial css prezinta cum se folosesc sprite-urile pentru a obtine un design care se incarca mai repede decat in mod obisnuit, rezultand in pagini web mai rapide. Denumirea sprite desemneaza de fapt o tehnologie in css prin care putem folosi o imagine de background in mai multe feluri, mai exact – putem sa afisam in anumite div-uri doar anumite parti ale unei imagini.

Transparenta si semi-transparenta css – Tutorial css

Acest tutorial css prezinta cum putem adauga transparenta elementelor de pe o pagina. In contrar cu marginile rotunjite, transparenta fuctioneaza chiar si in Internet Explorer (inclusiv versiunile vechi), numai codul trebuie definit altfel pentru IE. Transparenta poate fi folosita in multe locuri …
Pentru o intelegere buna a codului si a tutorialului css, pentru incepator, este recomandat citirea tutoriale-lor anterioare!

Colturi rotunjite cu css, colturi rotunde
Css3 – Tutoriale css

Cu css3, se poate adauga colturi rotunde la oricare element fara sa folosim imagini speciale. Din pacate directivele care raspund pentru colturile rotunjite in css nu sunt interpretate de majoritatea versiunilor a Internet Explorer-ului, nici chiar de variantele mai noi.

Meniu de linkuri cu css – Tutorial

Meniu de linkuri cu css

Acest tutorial css prezinta cum putem face un meniu de linkuri cu css, care merge in fiecare browser foarte bine, chiar si in cele mai vechi versiuni ale Internet Explorer-ului. Este adevarat ca se poate realiza meniul si cu cod mai scurt, dar daca vrem sa avem suport si pentru IE, atunci este recomandat asa. Meniurile de linkuri se pot stiliza cel mai usor cu css daca folosim liste neordonate …

Centrare pagina web cu css – Tutoriale css

Centrare pagina cu css

In acest tutorial css voi prezenta cum putem centra pagina web in centrul ferestrei la orice rezolutie. Metoda respectiva trebuie, poate fi folosit daca proiectam pagina ca sa aiba o latime definita, si sa nu-si schimbe latimea indiferent de continut. Aceast tip de pozitionare este recomandat designer-ilor incepatori, dar multe ori este folosit chiar si pe site-urile companiilor mari

Id-uri si clase in css, id vs class – Tutorial css

Css id si clase

Unul din cele mai puternice facilitati al css-ului sunt ID-urile si clasele. In primul tutorial din acest sir de tutoriale am prezentat ca stilurile se definesc in partea de head a documentului, in fisiere externe, sau putem adauga stiluri cu css inline, care inseamna stilizarea directa pe pagina a unui tag html.

Pozitionare css, pozitionarea elementelor – Tutorial pozitionare

Pozitionare css

Css-ul ofera 4 tipuri de pozitionare. Acestea sunt: pozitionarea fixa, pozitionarea relativa, absoluta si cea statica. Comportamentul obisnuit al elementelor html in cadrul unui site, daca nu specificam o pozitionare, atunci este pozitionarea statica. Directivele, (left, right etc.) adica stanga, dreapta, jos si sus se comporta intr-un fel in functie de tipul pozitionarii

Border – linii in jurul elementelor – tutorial css

Border css

Cu css putem adauga margini vizibile si colorizate in jurul fiecarui element html. Aceste margini se numesc border si nu au legatura cu „margin”, care desemneaza o delimitare invisibila. Este posibil bineinteles sa daugam margini doar pe o singura parte a elementelui, a unui paragraf sa zicem, sau sa inconjoare in totalitate elementul.

Linkuri – stilizarea linkurilor cu css

Linkuri cu css

Cu ajutorul css-ului, linkurile pot fi stilizate in functie de comportamentul lor, adica putem aplica un stil diferit daca linkul respectiv a fost deja vizitat, sau daca punem deasupra linkului mouse-ul etc. Stilizarea linkurilor este un element de design, care poate sa conteze foarte mult – sa ne gandim doar la faptul ca daca vrem sa evidentiam ceva, sau sa atragem atentia unui vizitator …

Padding in css – Tutoriale css

Padding

Padding-ul este o directiva in css prin care putem adauga spatiu liber in jurul continutului. Padding-ul este situat in interiorul elementelor, deci nu este o parte invisibila, cum sunt marginile. Proprietatea padding, este afectata de culoarea de background, si este folosit de obicei pentru stilizarea paragrafelor, dar nu numai.