Float left vs. Display inline-block. Technik informatyk. Egzamin EE.09 / E.14 скачать в хорошем качестве

Float left vs. Display inline-block. Technik informatyk. Egzamin EE.09 / E.14

Praktyczny kurs INF.03 👉https://zdaj-informatyka.pl/ Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji, a także do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage'u Pasji informatyki na Facebooku. 🔔 Subskrybuj - http://bit.ly/pasja-sub Jeśli masz ochotę wesprzeć to co robimy, to możesz: 🖐 Zostać Patronem - https://patronite.pl/pasja-informatyki ☕️ Ufundować nam wirtualną kawę - https://buycoffee.to/pasja-informatyki 👉 Fanpage na Facebooku - http://bit.ly/pasja-fb 👉 Profil Patronite - https://patronite.pl/pasja-informatyki 👉 Lista Patronów - http://pasja-informatyki.pl/patroni 👉 Donacje na blogu - http://miroslawzelent.pl/donate 👉 Harmonogram publikacji - http://bit.ly/pasja-harmonogram 👉 Kontakt z nami - http://pasja-informatyki.pl/kontakt/ 👉 Współpraca reklamowa - http://bit.ly/pasja-wspolpraca 👉 Kursy video dla technikum - http://pasja-informatyki.pl 👉 Blog informatyczny - http://miroslawzelent.pl 👉 Trenażer egzaminacyjny - http://egzamin-informatyk.pl 👉 Egzamin-E13.pl - http://egzamin-e13.pl 👉 Forum dyskusyjne - https://forum.pasja-informatyki.pl/ 👉 Witryna podcastowa - http://podcast.pasja-informatyki.pl/ 👉 Twitter MZ -   / miroslawzelent   👉 Twitter DS -   / stelmach_damian   🕐 TIMESTAMPS (CHWILE CZASOWE): [ 00:00:15 ] Tytułem wstępu [ 00:00:38 ] Nauka z pasji czy z przymusu [ 00:03:30 ] Agenda wykładu, cel odcinka [ 00:05:04 ] Wznowienie pracy od poprzedniego kodu [ 00:06:02 ] Ustawienie subtelnego obrazu jako tła witryny [ 00:09:16 ] Orientowanie grafiki tła względem CSS czy HTML? [ 00:13:08 ] Elementy blokowe i ich domyślne zachowanie [ 00:14:11 ] Struktura do wykonania w sekcji body [ 00:14:33 ] Intuicja zastosowania tabeli do rozmieszczenia contentu [ 00:16:25 ] Siedem grzechów głównych tabel jako fundamentu struktury [ 00:19:35 ] Nowe znaczniki wprowadzone w HTML5, html5shiv [ 00:20:09 ] Bootstrap na egzaminie? [ 00:20:36 ] Holistyczna ewolucja umiejętności budowania struktur [ 00:22:48 ] Zbiorczy kontener, wyśrodkowanie interfejsu [ 00:24:45 ] Niewidzialny div, użycie opcji zbadaj [ 00:25:42 ] Określanie roboczych wymiarów bloku [ 00:26:28 ] Wyzerowanie domyślnych marginesów przeglądarki [ 00:27:13 ] Wyśrodkowanie pojemnika na ekranie [ 00:27:50 ] Tworzenie bloków interfejsu o domyślnym zachowaniu [ 00:29:46 ] Ułożenie divów obok siebie - dwie klasyczne metody [ 00:31:19 ] Realizacja struktury z użyciem opływania float:left; [ 00:34:58 ] Przypadek wyjęcia jednego bloku z flow witryny [ 00:36:57 ] Przypadek wyjęcia trzech bloków z flow witryny [ 00:39:49 ] Poprawne wyczyszczenie floatu zapisem clear:both; [ 00:41:23 ] Czy atrybut clear:both; jest zawsze potrzebny? [ 00:43:50 ] Realizacja struktury z użyciem display:inline-block; [ 00:44:32 ] Problem znaków białych w podejściu display:inline-block; [ 00:46:05 ] Rozwiązanie 1: usunięcie znaków białych w HTML [ 00:48:11 ] Rozwiązanie 2: negatywne marginesy bloków inline [ 00:49:24 ] Rozwiązanie 3: font-size:0 kontenera i dodatni dla bloków [ 00:51:12 ] Podsumowanie podejścia display:inline-block; [ 00:52:44 ] Flexbox [ 00:54:07 ] Optymalizacja wielokryterialna, umiejętności miękkie [ 01:08:26 ] Tytułem podsumowania 📁 OBUDOWA DYDAKTYCZNA, TEST, WERSJA MP3: http://pasja-informatyki.pl/programow... 🎵 MUZYKA: Sappheiros - Ethereal World:   / ethereal-world      / @sappheiros     / sappheirosmusic     / sappheirosmusic   A Creative Commons Attribution License (CC BY) states that the material can be shared, remixed and used commercially: http://bit.ly/CCAttribution #pasjainformatyki #programowanie #technikinformatyk