Hamburgera izvēlne, ar pulsējoša efekta animāciju, izmantojot tikai CSS.
CSS pseidoelements tiek izmantots, lai stilizētu noteiktas elementa daļas kā arī lai ievietotu saturu pirms vai pēc elementa satura.
Mazs sīkums, kurš ievērojami var uzlabot web lapas vizuālo noformējumu.
Apskatīsim praktiskas problēmas, kuras ļoti bieži jārisina CSS. Tā ir elementu centrēšana gan horizontālā virzienā, gan vertikālā virzienā. Bildes izmēri un tās pozicionēšana. Slāņu izmantošana ar z-index. Gala rezultātu vajag iegūt kā ekrānšāviņā zemāk:
Šajos uzdevumos jāprot pielietot vienkāršākie HTML tagi un parastākie stili.
CSS transition. Change background color.
Web aplikācija jāveido, lai tā spētu pielāgoties dažādu ierīču ekrānu izmēriem. “Mobile first” nozīmē, ka vispirms ir jāpadomā par mobilajām iekārtām.
Šajā piemērā izmantots režģis 5 x 6 šūnu liels. Grid var norādīt ne tikai kolonu, bet arī rindu skaitu. span 3; nozīmē, ka tiek sapludinātas kopā 3 šūnas.
Ir konteineris, kura klases nosaukums ir wrapper. Tajā iekšā ir elementi a, b, c, d, e, f, tie visi ir ar kopīgo klasi box. Tajā pat laikā ir arī otra klase, kas katram ir unikāla. CSS konteinerim jānorāda īpašība – display: grid; CSS konteinerim jānorāda īpašība – grid-template-columns: 100px 100px 100px; Šajā gadījumā rāmis būs […]
div tags radies no vārda: division (sadaļa). Tas atšķiras no citiem tagiem ar to, ka ir speciāli domāts vispārīgiem mērķiem. Šis elements bieži tiek izmantots kā konteiners citiem HTML elementiem, lai tos stilizētu.