06. Jednostki używane w CSS

Odcinek serii, w którym poznamy, omówimy i metodycznie usystematyzujemy wszystkie popularne rodzaje jednostek używanych w CSS. Dziś czeka na nas spory wykład - oczywiście nie będzie aż tak nudno, gdyż ponownie przepracujemy zagadnienie w odpowiedni, niepozbawiony poczucia humoru sposób. Po obejrzeniu tego odcinka wszystkie te jednostki poukładają nam się w głowie - gwarantuję, że nie będziemy już mieć z nimi nigdy problemu! Zapraszam do zabawy z witryną poświęconą serialowi "Mr. Robot" i przy okazji do owocnej nauki jednostek CSS. Omówimy następujące jednostki: px, %, mm, cm, in, pc, pt, em, rem, vh, ww, vmin, vmax

Znajdź w filmie

Tutoriale posiadają tzw. timestamps (chwile czasowe) - dzięki nim łatwo odnajdziesz interesujące fragmenty wiedzy. Wystarczy kliknąć na podane w nawiasach kwadratowych momenty filmu, by przewinąć tutorial dokładnie do interesującego Cię miejsca w odcinku.

[ 00:00:14 ] Tytułem wstępu
[ 00:01:10 ] Opis projektu z odcinka
[ 00:02:20 ] Jednostki absolutne - piksele px
[ 00:05:39 ] DPI wyświetlaczy i "renderowane" piksele
[ 00:09:10 ] DPI wydruków papierowych - jednostki: mm, cm, in
[ 00:10:18 ] Jednostki typograficzne: pc, pt
[ 00:12:00 ] Style dla wydruku: @media print
[ 00:12:57 ] Jednostki relatywne - procent %
[ 00:16:16 ] Wysokość bloku określona w procentach
[ 00:18:35 ] Jednostki relatywne - em
[ 00:25:46 ] Stylizowanie bezwzględne czy propocjonalne?
[ 00:27:30 ] Jednostki relatywne - rem
[ 00:35:27 ] Jednostki relatywne viewportowe - vw, vh
[ 00:41:37 ] Jednostki relatywne viewportowe - vmax, vmin
[ 00:44:13 ] Obliczenia między różnymi jednostkami - calc()
[ 00:46:49 ] Wartości bezjednostkowe
[ 00:47:26 ] Użycie webfonta woff - klauzula @fontface
[ 00:52:02 ] Podsumowanie wiedzy z odcinka na slajdach

Następny wpis

Zobacz także

Daj się zaskoczyć! Poniżej wylosowałem dla Ciebie pięć wpisów z innych kategorii blogowych aniżeli ta, którą właśnie przeglądasz:

Polecamy: Mega Sekurak Hacking Party

Mega Sekurak Hacking Party

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - wpiszcie go w koszyku, dzięki czemu otrzymacie 40% zniżki na bilet standard. Więcej szczegółów znajdziecie tutaj.

Książka: Wprowadzenie do bezpieczeństwa IT

Wprowadzenie do bezpieczeństwa IT

Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

Pomóż dzieciom

Polska Akcja Humanitarna od wielu lat dożywia dzieci. Proszę, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękuję!

Komentarze

Disqus

Kategorie wpisów

Oto polecana książka warta Waszej uwagi.
Pełna lista polecanych książek jest tutaj.

W dniach od 09.04.2024 do 15.04.2024 trwa w Helionie promocja o nazwie "Otwórz nowy rozdział w IT". Otrzymujemy zniżki -50% zarówno na książki drukowane, jak i na ebooki. Zobacz szczegóły tutaj: trwająca promocja.

Bądź na bieżąco