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 creaza un text ingrosat?
<q> <strong> <em>
<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>
Care din aceste coduri CSS afiseaza textul ingrosat?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Clic pe variabila definita corect in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?
have traveled shall travel had traveled
We have traveled in space.
- Noi am calatorit (deja) in spatiu.
Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?
ir a pintar pintaba pintó
La niña pintaba un arco iris.
- Fetita picta un curcubeu.
CSS Curs Online Tutoriale CSS web design