If you're seeing this message, it means we're having trouble loading external resources on our website.

Dacă sunteţi în spatele unui filtru de web, vă rugăm să vă asiguraţi că domeniile *. kastatic.org şi *. kasandbox.org sunt deblocate.

Conţinutul principal

CSS Zen Garden

Transcript video

Acum că ai văzut mult text HTML, tot restul acestui curs va fi despre CSS și tot ce poți face cu CSS. Pentru a te entuziasma și pentru a te captiva, vreau să îți arăt un exemplu foarte bun cu tot ceea ce poți face. Iar asta este un site numit csszengarden.com. Și tu îl poți încerca mai târziu. CSS Zen Garden este un site simplu, cu titlu, fundal, text și toate cele. Dar lucrul cel mai interesant despre el este o galerie grafică dezvoltată de oameni care iau același HTML și schimbă doar CSS-ul pentru a vedea cât de multe se pot schimba doar cu CSS. Hai sa îți arăt! Aici este alta. Reține, acesta este același HTML pe care l-ai văzut și la pagina anterioară. Singura diferență este CSS-ul. Aici este alta. Deci nu doar culorile se schimbă, dar și obiectele sunt așezate într-o ordine diferită în pagină. Iar aceasta o face foarte diferită, acum arată ca acest peisaj urban cu acest titlu care vine aici și creditele sunt chiar aici. Oh, obiectele mele sunt animate, iar totul se datorează CSS-ului. Poate că nu este CSS-ul pe care îl cunoști acum, dar, dacă continui, toate acestea vor fi la îndemâna ta. Dacă depui suficient efort, vei fi capabil să faci site-uri excelente care vor arăta exact așa cum îți dorești. Continuă!