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.

CSS3 Flexbox Container

• Exemple si proprietati css3 pentru containerul FlexBox, care ofera control pentru aliniere, directie, ordonare si marime la elementele din pagina.

CSS3 Flexbox Item

• Exemple si proprietati css3 pentru elementele din interiorul containerului flex.

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 e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility
#id {
  visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe path
I believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminaciĆ³n
creer = a crede; camino = cale /drum; iluminaciĆ³n = iluminare
CSS Curs Online Tutoriale CSS web design