CSS se je v zadnjih letih precej spremenil. Efekti, ki so bili običajno možni samo s pomočjo JavaScripta so sedaj sestavi del CSS-ja. Temu primerno se je povečala tudi težavnost priprave CSS-ja. Zaradi tega so nam v situacijah, ko se nimamo časa igrati z vsemi možnostmi, ki jih ponujajo nove funkcije priročne CSS knjižnice Animate.css in Hover.css, ki nam omogočajo enostavno pregledovanje in kopiranje predpripravljenih efektov.
Pri izdelavi spletnih strani v HTML5 jeziku se velikokrat srečamo z uporabo manjšega besedila, ki običajno spremlja normalno besedilo vendar ni enako pomembno. Za uporabo manjšega besedila običajno uporabimo značko <small>, velikokrat pa se zgodi, da je dodeljena višina vrstice prezrta in se uporabi višina vrstica normalnega besedila. Zaradi tega se nam v vsebini dogaja anomalija v obliki večjega razmaka med vrsticami.
Beri naprej Problem višine vrstic ob uporabi manjših fontov v HTML5
CSS animacije lahko na prvi pogled delujejo precej zapleteno, v sami osnovi pa jih sestavljajo precej enostavni elementi, in sicer: ime animacije, keyframes in želena animacija.
Uporaba CSS class-ov na posameznih HTML elementih je pri izdelavi spletnih strani ali aplikacij nekaj vsakdanjega. Vsak HTML element pa ima lahko tudi več različnih class-ov in tako se hitro znajdemo v situaciji, kjer moramo določen element spremeniti glede na pogoj, če element vsebuje več določenih class-ov.
Beri naprej CSS: Kako ciljamo element, ki ima več točno določenih class-ov?
calc() je osnovna CSS funkcija za preproste matematične izračune, kot so nadomestilo vrednosti za dolžino ali katere koli druge številke. Na voljo ima štiri preproste funkcije, in sicer seštevanje (+), odštevanje (-), množenje (*) in deljenje (/). Funkcija calc() je v jeziku CSS precej dobrodošla, saj celoten jezik temelji na samih številkah.