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 float property - CSS Tutorial
From the course: CSS Layouts: From Float to Flexbox and Grid
The float property
- [Narator] U ranim danima, veb stranice su često bile rekreacije uobičajenih rasporeda koji se koriste u štampanim medijima, kao što su brošure i časopisi. Svojstvo float je uvedeno za implementaciju jednostavnih rasporeda kao što je omotavanje teksta oko slike. Element se pomera levo ili desno od svog kontejnera i uklanja iz normalnog toka. Plutajući element menja ponašanje tog elementa i elemenata koji ga prate. Svojstvo float ima četiri vrednosti. Nijedan, koji određuje da uopšte nema plutanja i to je podrazumevana vrednost. Levo i desno, lebdi elemente levo ili desno. I naslediti, koji određuje da float vrednost treba da bude nasleđena od roditeljskog elementa. Pošto se float može primeniti na bilo koji element, nije prošlo mnogo vremena dok su čitavi rasporedi kreirani plutajućim delovima stranice, stvarajući kolone unutar traka. Sa standardizacijom flekbok-a i mreže, float se može vratiti da se koristi za svoju…
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)
-
-
-