CSS - Cascading Style Sheets

- Tutoriale, exemple si explicatii din care sa invatati, daca exersati si singuri.

Cuprins Lectii :

1 - Scrierea codului CSS

• Obiectele (regulile) CSS : selector, clasa si identificator.
• Componentele unui obiect CSS

2 - Crearea Foilor de Stil

• Etichete HTML si stiluri CSS
• Definirea selectorilor
• Crearea etichetelor HTML personalizate
• Definirea de reguli similare
• Definirea etichetelor in context (imbricate)
• Cresterea prioritatii unei definitii
• Determinarea ordinii cascadei
• Adaugarea comentariilor la CSS

3 - Configurarea fonturilor

• Stabilirea fontului
• Stabilirea dimensiunii fontului
• Text inclinat
• Grosimea fontului
• Majuscule mici
• Valori multiple pentru font

4 - Configurarea textului

• Spatiul intre litere
• Spatiul dintre cuvinte
• Spatiul intre linii
• Marimea (tipul) literelor
• Alinierea textului
• Alinierea pe verticala a textului
• Formarea paragrafelor
• Aplicarea elementelor decorative
• Spatiile albe

5 - Configurari pentru culori si fundal

• Configurarea fundalului
  • Culoarea fundalului
  • Imaginea de fundal
  • Repetarea imaginii de fundal
  • Controlul imaginii de fundal
  • Pozitia imaginii de fundal
  • Stabilirea simultana a proprietatilor fundalului
• Stabilirea culorii din prim-plan

6 - Controale pentru chenare si afisarea elementelor

• Latimea si inaltimea unui element
• Marginile unui element
• Chenarul unui element
• Adaugarea spatiului in interior in jurul elementului
• Elemente float
• Anularea plasarii unui element in spatiul eliberat de "float"
• Afisarea si ascunderea elementelor

7 - Controale de pozitionare

• Stabilirea modului de pozitionare
  • Pozitionarea statica
  • Pozitionarea relativa
  • Pozitionarea absoluta
  • Pozitionarea fixa
• Pozitionarea in raport cu latura de sus, respectiv stanga
• Pozitionarea in raport cu latura de jos, respectiv dreapta
• Pozitionarea in spatiul 3D
• Includerea unui element absolut intr-un element relativ
• Includerea unui element relativ intr-un element absolut

8 - Configurari pentru vizibilitate si mouse

• Stabilirea vizibilitatii unui element
• Stabilirea suprafetei vizibile a unui element
• Definirea pozitiei depasirii
• Aspectul indicatorului de mouse

9 - Pseudo-clasele

• Pseudo-clase cu selector
• Pseudo-clase si clase
• Pseudo-clase cu id-uri si elemente de formular

10 - Pseudo-elemente

• In aceasta lectie invatati ce sunt si ce fac pseudo-elementele
• after, before, first-letter, first-line

CSS3 - Background proprietati noi

• Proprietati noi pt. background, adaugate in CSS3: background-size, background-origin si background-clip.

CSS3 - Border proprietati noi

• Proprietati noi pt. border (bordura), adaugate in CSS3. Rotunjire colturi cu border-radius, adaugare umbra la chenar cu box-shadow, utilizare imagine pt. aspectul bordurii cu border-image.

CSS3 - text-shadow, word-wrap, text-overflow

• Proprietati pentru efecte de text, adaugate in CSS3.

CSS3 opacity

• Setare opacitate si transparenta la elementele HTML cu proprietatea CSS opacity.


    - Lectii si tutoriale online de initiere CSS - Curs realizat de MarPlo