From the course: CSS Layouts: From Float to Flexbox and Grid
Unlock the full course today
Join today to access over 24,900 courses taught by industry experts.
The display property - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
The display property
- [Instruktor] Da biste napravili promene rasporeda, mnoge metode, ali sve, koristite svojstvo prikaza. Blok, inline, i inline-blok vrednosti menjaju podrazumevano ponašanje prikaza elemenata u normalnom toku. prikaz se takođe koristi za pokretanje rasporeda Grid i Flekbok, o čemu ćemo detaljnije govoriti kasnije u ovom kursu. Hajde da otvorimo vežbu i testiramo različite vrednosti prikaza. Trenutno, elementi koje koristim, odeljak, div i span, nemaju podrazumevane margine ili stilove oblaganja. Hajde da dodamo neke boje pozadine kako bismo lakše videli granice svakog elementa. Takođe možemo dodati elemente visine i širine, ali zapamtite, podrazumevano, inline elementi će ignorisati vrednosti visine i širine. Dakle, hajde da dodamo prikaz sa vrednošću bloka, prvo na inline elemente. Sada će se prikazati baš kao element bloka. Visina i širina se primenjuju, a elementi se slažu. Sada, hajde da pokušamo da podesite prikaz u liniji…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Inline and block elements1m 53s
-
(Locked)
The box model properties3m 32s
-
(Locked)
The display property5m
-
(Locked)
The box model and layouts3m 17s
-
(Locked)
The float property3m 19s
-
(Locked)
Clearing floats5m 32s
-
(Locked)
Setting up your project2m 45s
-
(Locked)
Exercise: Build a layout with float6m 29s
-
(Locked)
Position: Relative and absolute5m 15s
-
(Locked)
Position: Fixed, sticky, and static4m 13s
-
(Locked)
-
-
-