O CSS-u
CSS ( Cascading Style Sheets ) je jezik koji se koristi za opisivanje (stilizovanje) izgleda Web stranica. Iako se najčešće primenjuje u izradi Web strana i korisničkih interfejsa on-line aplikacija, CSS može koristiti bilo koja vrsta XML dokumenta.
Aktuelna, to jeste najnovija verzija CSS jezika koja je u upotrebi, nosi oznaku CSS3, tako da ćemo sve vreme dok govorimo o CSS jeziku, zapravo upoznavati se sa njom.
Iako odmah na početku nećete moći shvatiti značaj svih prednosti koje CSS donosi, ovde ćemo ih navesti jer se uvek možete vratiti da ih ponovo pročitate.
–Široke kreativne mogućnosti. Veb dizajneri u CSS jeziku imaju mogućnosti da poput grafičkih dizajnera iscrtaju na veb stranicama skoro sve što požele. Granicu predstavlja samo lična kreativnost osobe.
– Ušteda truda i vremena. Pomoću CSS jezika moguće je centralizovati kodiranje, to jeste, samo jedanput i na jednom mestu odrediti opis HTML elemenata, čime se posao skraćuje i štedi vreme.
– Jednostavnije izmene i nadogradnje. Takođe, zahvaljujući centralizovanom kodiranju, omogućena je laka preglednost i sa njom izmene ili ispravljanje grešaka ili bilo kakvih promena funkcionalnosti kod izgleda na sajtovima.
– Prilagođavanje svim uređajima. CSS omogućava laku prilagodljivost izgleda sajta na svim uređajima sa kojih se on prati. Od svih vrsta mobilnih telefona i tableta do desktopa. Dobar CSS će na svakom ekranu različitih oblika i veličina, učiniti da sajt izgleda kao da je baš napravljen samo za njih.
–SEO prednosti. Sajtovi stilizovani u CSS jeziku se bolje rangiraju kod pretraživača. Oni se lakše i brže učitavaju, tako da su kod Gugla i ostalih pretraživača postali standardni uslov za SEO optimizaciju, to jeste mogućnostima da se nađu na prvoj stranici prilikom pretrage.
–Pogodan za programske jezike. CSS omogućava i olakšava intarakciju sa programskim jezicima. Na primer, jezicima poput Javaskripta i PHP-a, omogućena je lakša nadogradnja na HTML stranicama zahvaljujući CSS klasama.
Želiš da naučiš potpuno besplatno CSS ?
Napravili smo kurs iz 2 dela
Nudimo ti potpuno besplatan online kurs gde ćeš moći da naučiš CSS od nule – CSS OSNOVNI NIVO 1.deo
Kurs je na srpskom jeziku.
Pogledaj uvodni video:
CSS je veoma jednostavan jezik za učenje jer se sastoji od nekoliko pravila koje je lako zapamtiti i njegove osnove nije teško savladati.
Najefikasniji način za učenje CSS-a je ručno kucanje (stilizovanje) nekoliko web strana, kako bi se zapamtila pravila pisanja jezika (sintaksa).
Uvod u CSS, sintaksa i povezivanje, tipovi selektora i grupisanje, box-modeling, float, position, primena CSS-a na primerima i projektu.
Celokupan sadržaj kursa možeš pogledati na LINKU – YOUTUBE!
Ili možeš učiti lekciju po lekciju – Sadržaj kursa:
- 1. Uvod
- 2. Povezivanje sa HTML-om
- 3. Tag, ID i Class selektori
- 4. Složeni i grupni selektori
- 5. Implementacija fontova
- 6. Kolorni modeli
- 7. Pseudo klase
- 8. Box model - padding
- 9. Box model - border
- 10. Box model - margin
- 11. Overflow
- 12. List reset, Visibility
- 13. Display
- 14. Background image
- 15. Alignment
- 16. Float
- 17. Clearfix
- 18. Vežba - Layout
- 19. Pozicioniranje - position
- 20. Vežba - Button stilizacija
- 21. Vežba - Forma
- 22. Vežba - Menu / Nav
- 23. Bonus: Vežba Bootstrap-ov layout
- 24. Kraj (Odjava)
Cilj je da naučiš CSS, takav smo kurs i napravili.
CSS - Osnovni Nivo - 2.deo
Celokupan sadržaj kursa možeš pogledati na LINKU – YOUTUBE!
Ili možeš učiti lekciju po lekciju – Sadržaj kursa:
- 1. Uvod
- 2. Selectors
- 3. Nth-child
- 4. Before and After
- 5. Box-shadow
- 6. Text-shadow
- 7. Variables
- 8. Keyframe animation 1.deo
- 9. Keyframe animation 2.deo
- 10. Transition
- 11. Transform
- 12. Vežba I - Smooth scroll - HTML
- 13. Vežba I - Smooth scroll - CSS
- 14. Vežba I - Smooth scroll - jquery
- 15. Vežba II - Flip box
- 16. Vežba III - Fullwidth Menu
- 17. Vežba IV - Fullscreen video
- 18. Kraj (Odjava)
