CSS (Cascading Style Sheets) se ocupa in general cu aspectul si controlul grafic al elementelor din pagina, cum ar fi: textul, imaginile, fondul, culorile si asezarea acestora in cadrul ferestrei paginii.
Prin utilizarea CSS, aspectul paginii pe ansamblu, sau a unui element individual din interiorul, poate fi controlat mult mai usor. Stilurile pot fi aplicate asupra unui element, a unui document sau chiar asupra unui intreg site web.

- Acest curs prezinta elementele de baza CSS si modul de lucru cu "foile de stil", va invata cum sa adaugati si sa folositi CSS in paginile dv. web.
Tot ce aveti nevoie este un editor de texte simplu, cum ar fi Notepad, si un navigator, de exemplu Chrome sau Mozilla Firefox.

Cuprins Lectii

  1. Scriere cod CSS
  2. Creare Foi de Stil
  3. Configurare fonturi
  4. Configurare text
  5. Configurari pentru culori si fundal
  6. Afisare si chenare din CSS la elemente HTML
  7. Pozitionare elemente HTML cu CSS
  8. Configurari pentru vizibilitate si mouse
  9. Pseudo-clase CSS
  10. Pseudo-elemente CSS
  11. Butoane pentru link-uri folosind o singura imagine si CSS
  12. CSS3 - Background proprietati noi
  13. CSS3 - Border proprietati noi
  14. CSS3 - text-shadow, word-wrap, text-overflow
  15. CSS3 opacity
  16. CSS3 Transformari 2D
  17. CSS3 transition
  18. CSS3 Flexbox Container
  19. CSS3 Flexbox Item
  20. Animatie elemente HTML cu CSS
  21. CSS Content

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

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag defineste zona de click intr-o harta creata dintr-o imagine?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
</map>
Ce proprietate CSS indica ce sa se intample cand continutul unui element depaseste dimensiunile lui?
display overflow position
#id {
  overflow: auto;
}
Clic pe evenimentul care este declansat cand mouse-ul e deasupra unui obiect.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Sa ai Viata Buna");
}
Indicati variabila PHP ce contine datele adaugate in adresa URL, dupa caracterul "?".
$_SESSION $_GET $_POST
if(isset($_GET["id"])) {
  echo $_GET["id"];
}
Clic pe pronumele reflexiv care e potrivit in propozitia: "Marc is the boy ... won the prize".
who which whoever
Marc is the boy who won the prize.
- Marc e baiatul care a castigat premiul.
Clic pe pronumele reflexiv care e potrivit in propozitia: "Voy a ver al pintor de ... les hablé ayer".
que quien cuyo
Voy a ver al pintor de quien les hablé ayer.
- Ma duc sa vad pictorul despre care ti-am vorbit ieri.
Curs CSS Online Tutoriale CSS3

Last accessed pages

  1. Creare si editare pagini HTML (28755)
  2. Gramatica limbii engleze - Prezentare Generala (100956)
  3. Confusable words - Cuvinte confundabile (2847)
  4. Elemente principale HTML (9679)
  5. Introducere in HTML (8604)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (2968)
  2. Prezentul simplu si continuu - Present Tense Simple and Continuous (2143)
  3. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (1603)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (1253)
  5. Conditional IF in Limba Engleza - Fraze Conditionale (1225)