• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

question-closed Szablon strony internetowej

VPS Starter Arubacloud
0 głosów
272 wizyt
pytanie zadane 31 października 2017 w Rozwój zawodowy, nauka, praca przez shotokan Nałogowiec (39,660 p.)
zamknięte 8 listopada 2017 przez shotokan
Witam wszystkich!
Wiem, że wątków na temat tworzenia stron jest mnóstwo (na tym forum też). Jednak nie daje mi spokoju jedna myśl, więc postanowiłem poradzić się Was drodzy eksperci forumowicze.
Rzecz dotyczy tworzenia szablonu strony internetowej. Czy ktoś może mi wyjaśnić/powiedzieć/zapodać linka/itp. kiedy używamy danych jednostek, tzn. kiedy używa się %, kiedy px kiedy vw, vh itp. Tworząc dany szablon strony co będzie najlepsze? Jak to wygląda teraz, w XXI wieku? Rozumiem, że pytanie jest bardzo ogólnikowe, ale może ktoś się wypowie, kto na co dzień tworzy strony, jak w ogóle to wygląda.
Bardzo dziękuję za odpowiedzi i za zrozumienie :)
komentarz zamknięcia: Uzyskano najlepszą odpowiedź

2 odpowiedzi

+2 głosów
odpowiedź 31 października 2017 przez Kuba Skoneczny Obywatel (1,780 p.)
wybrane 8 listopada 2017 przez shotokan
 
Najlepsza

Cześć!

Px najczęściej używasz, gdy chcesz ustalić coś na sztywno, na przykład chcesz mieć miniaturkę zdjęcia, która ma 300px niezależnie od wyświetlanego ekranu. % używamy, gdy jakiś element na naszej stronie powinien być skalowany, albo zmieniać swoje położenie, na przykład:

margin-top:25%;

Możliwe są także połączenia: 

width: 5%;
max-width: 300px;

Dodatkowo, często wykorzystywane są jednostki o wartości em, w szczególności dla tekstów, paragrafów. Chodzi o to, że ustawiając np.

font-size: 1.5em;

przeskalujemy rozmiar czcionki elementu nadrzędnego 1.5 raza (div- 10px; p - 15px). I w ten sposób, zmieniając tylko jedną wartość, będziemy w stanie zmieniać rozmiar wszystkich innych tekstów. Analogicznie działa rem, tylko wtedy skalujemy coś względem najniższego elementu, czyli body.

0 głosów
odpowiedź 31 października 2017 przez CenterPL Pasjonat (19,070 p.)
komentarz 31 października 2017 przez shotokan Nałogowiec (39,660 p.)
Dzięki wielkie, ale szukać też potrafię. Chodzi mi o to, aby ktoś z doświadczeniem przełożył tak na chłopski rozum, kiedy stosujemy daną jednostkę, co się teraz stosuje bo raczej px wypadły już z mody...
komentarz 31 października 2017 przez CenterPL Pasjonat (19,070 p.)
To co w linkach jest dobrze opisane. Po prostu kwestia przetłumaczenia.

Jednostki px nie wypadły z mody. Po prostu mają swoje zastosowanie w elementach, które są niezależne od szerokości okna. Najlepiej ich używać tam, gdzie chcemy żeby coś miało wartość minimalną i maksymalną - czyli niezależną od szer. okna, np max-width, min-width itp. Px jest jednostką absolutną. Podobnie w odniesieniu do fontów - mm, in, pt. To też są jednostki absolutne i obecnie pewnie dość rzadko stosowane, bo raczej chcemy aby rozmiar czcionki był równie responsywny co pozostała część strony.

Jednostki em, rem, vh, vw, % są jednostkami relatywnymi i używane są tam, gdzie chcemy aby rozmiar elementu zmieniał się w zależności od rozmiaru czegoś innego. I tak % - relatywnie do elementu nadrzędnego, vw, vh - relatywnie do okna przeglądarki (1vh = 1% okna), em - obiektu nadrzędnego, rem - obiektu najwyższego/najniższego, tzw root.
komentarz 31 października 2017 przez shotokan Nałogowiec (39,660 p.)
Thx :)

Podobne pytania

0 głosów
2 odpowiedzi 211 wizyt
pytanie zadane 4 lipca 2019 w HTML i CSS przez Dorian Bajorek 1 Początkujący (270 p.)
+1 głos
1 odpowiedź 195 wizyt
0 głosów
3 odpowiedzi 3,456 wizyt
pytanie zadane 14 września 2018 w Offtop przez Layoutowiec Mądrala (5,470 p.)

92,454 zapytań

141,262 odpowiedzi

319,089 komentarzy

61,854 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...