Te rugam sa te inregistrezi sau sa te loghezi

Lectie CSS 1 - Cascading Style Sheets

 :: Templates :: Tutoriale :: CSS

Vezi subiectul anterior Vezi subiectul urmator In jos

Lectie CSS 1 - Cascading Style Sheets

Mesaj Scris de Serenity la data de Mar Iul 26, 2011 4:53 pm

CSS - Cascading Style Sheets

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.

Tutorial realizat de: Serenity | WebDesignSerenity






avatar
Serenity
Administrator
Administrator

Mesaje Mesaje : 222
Varsta Varsta : 25
Localizare Localizare : Deva

Vezi profilul utilizatorului http://webdesign.forumz.ro

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 :: Templates :: Tutoriale :: CSS

 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum