CSS - Cascading Style Sheets

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

Cuprins Lectii :

1 - Scrierea codului CSS

2 - Crearea Foilor de Stil

3 - Configurarea fonturilor

4 - Configurarea textului

5 - Configurari pentru culori si fundal

6 - Controale pentru chenare si afisarea elementelor

7 - Controale de pozitionare

8 - Configurari pentru vizibilitate si mouse

9 - Pseudo-clasele

10 - Pseudo-elemente

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.

CSS3 Transformari 2D

• Transformare elemente HTML in plan 2D (mutare, rotire, redimensionare, distorsie), folosind proprietatea "transform" si metodele: translate(), rotate(), scale(), skew().

CSS3 transition

• Adauga un efect de animatie cand se modifica proprietatile CSS ale unui element HTML, schimband gradual de la un stil la altut.

Pe site-ul coursesweb.net, la sectiunea: CSS - Cascading Style Sheets gasiti o pagina ( Video Tutorials ) cu exemple si lectii video pentru invatarea principalelor elemente CSS.
- Acele tutoriale sunt de initiere pt. incepatori, in limba engleza.
Pe acelasi site, e si o pagina Download, unde gasiti mai multe resurse: PDF e-books si cursuri video pe care le puteti descarca (tot in engleza).

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

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag adauga rand nou in paragraf?
<b> <br> <p>
Prima linie ...<br>
Alta linie...
Ce proprietate CSS seteaza spatiu dintre litere?
text-size word-spacing letter-spacing
#id {
  letter-spacing: 2px;
}
Ce functie obtine accesul la un element HTML cu un anumit ID?
getElementById() getElementsByTagName() createElement()
var elm = document.getElementById("theID");
var content = elm.innerHTML;
alert(content);
Clic pe instructiunea "echo" utilizata corect.
echo "CoursesWeb.net" echo "CoursesWeb.net"; echo ""CoursesWeb.net";
echo "Adresa URL: http://CoursesWeb.net";
Care din urmatoarele expresii cu "paint" (a picta) se foloseste pentru forma Negativa?
will paint not paint have painted
She does not paint that landscape.
- Ea nu picteaza acel peisaj.
Care din urmatoarele expresii cu "cantar" (a canta) se foloseste pentru propozitie Negativa?
ir a cantar cantaba no cantar
Ella no canta esa canciĆ³n.
- Ea nu canta acel cantec.
CSS Curs Online Tutoriale CSS web design