Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
Jednostki CSS - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Jednostki CSS (/thread-jednostki-css)

Strony: 1 2


RE: Jednostki CSS - superman - 29-09-2009

(28-09-2009, 18:50)Marcin napisał(a): Dla jednych webmasterów wady w emach są zaletami dla innych webmasterów. Najlepiej potestuj sobie na kiklku przykładach i będziesz wiedział o co chodzi.

Czyli już nikt nie odpowie mi dokładnie na pytanie z tą jednostką?


RE: Jednostki CSS - Labsta.com - 29-09-2009

pRzemo dał Ci linki do części teoretycznej, a Marcin ma rację, że najlepiej przekonasz się na własnej skórze.

Zaleta jest taka, że jest to jednostka relatywna (i elastyczna), co również jest jej wadą. Zaletą jest wtedy, gdy ktoś powiększa sobie stronę w starszych IE. Jeśli podasz czcionki w px IE nie da z nimi rady. Również lepiej będzie wyglądać wszystko na słabych rozdzielczośćiach. Ogólnie rzecz biorąc strony www w założeniu są dokumentami tekstowymi, więc cała reszta ma się do nich dostosowywać np. szerokość kolumny. Jednostkę em zalecają też specjaliści od dostępności (accessible). Dużą wadą em jest sytuacjia, gdy Twój layout jest spasowany co do 1px, możesz mieć trudności z przeliczeniem odpowiednich wartości ( http://riddle.pl/emcalc/ ). Podsumowując jeśli porozmawiasz z kimś od dostępności powie stosuj em, jeśli z grafikiem/koderem powie Ci px.

Z pewnością moja odpowiedź nie wyczerpuje tematu, ale reszty wystraczy poszukac w google Smile


RE: Jednostki CSS - superman - 29-09-2009

Co to znaczy że: "Zaleta jest taka, że jest to jednostka relatywna (i elastyczna), co również jest jej wadą. Zaletą jest wtedy, gdy ktoś powiększa sobie stronę w starszych IE. Jeśli podasz czcionki w px IE nie da z nimi rady."


RE: Jednostki CSS - Labsta.com - 29-09-2009

Jest relatywna, bo:
wielkości podane w em, zależą od wilekości czcionki (domyślnie dla przeglądarki jest to font-size:16pxWink.Czyli np. jak napiszesz font-size: 2em to domyślnie będzie to 32px;. Idąć dalej jak w body dasz font-size: 62,5%; to domyślna wielkość czcionki na twojej stronie będzie 10px. Jeśli na tej stronie będziesz chciał mieć h1 wielkości 12px to napiszesz font-size: 1.2em. Podobnie sprawa wygląda przy div-ach itd.
Jest elastyczna, bo:
jeśli wszystkie wymiary podesz w em, to cała strona będzie się dostosowywać proporcjami do czcionki w przeglądarce. Jak dobrze się przyglądniesz to np. arial inaczej wygląda w Operze, a inaczej w IE. Na małych ekranach czcionka się nie rozmarze.
Jest elastyczna i relatywna, bo:
jak zmienisz wartość domyślną em to wszystkie wymiary na stronie się zmienią automatycznie. Jeśli podasz w px, będziesz musiał edytować cały CSS.

Druga sprawa to to, że starsze IE nie potrafią zmieniać wilekości czcionki podanej w px, gdy user powiększa sobie stronę w menu widok.


RE: Jednostki CSS - superman - 29-09-2009

To powiedzcie mi jeszcze kiedy stosuje się następujące jednostki? %, em, ex, px


RE: Jednostki CSS - Marcin - 04-10-2009

Chcesz sprawdzić naszą wiedzę czy co? Wink W związku z tym, że masz dostępne 4 możliwe jednostki stosuj jakie Ci pasują Wink. Nie ma raczej jednoznacznej odpowiedzi. Każda z nich ma wady i zalety. Odnośnie EMów otrzymałeś info w tym temacie. Ja osobiście korzystam z px i czasami em. Możesz na to spojrzeć tak, że jeśli robisz layout o określonej szerokości to do budowy struktury używaj PX, jeśli ma być zależny od rozdzielczości robisz layout na %. Wielkość czcionek możesz robić na EMach.


RE: Jednostki CSS - Leja - 04-10-2009

Monitor czyli px ja tez korzystam z px em czyli cale.. cal wiesz chyba co to znaczy ja polecam używać px


RE: Jednostki CSS - Marcin - 04-10-2009

Em to nie cal. Nie wprowadzaj w błąd nieświadomych użytkowników.