+- 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
Jednostki CSS - superman - 26-09-2009
Powiedzcie po co się stosuje jednostkę em?
RE: Jednostki CSS - Leja - 26-09-2009
Cytat:Jednostki miary
Wyróżniamy następujące jednostki:
* % - procenty
* in - cale
* cm - centymetry
* mm - milimetry
* em - aktualna wielkość liter (czytaj dalej)
* ex - połowa wielkości liter (czytaj dalej)
* pt - punkty
* pc - pice
* px - piksele
* oraz słowa kluczowe - względne i bezwzględne
Jak widać mamy niemały wybór. Najczęściej stosowaną jednostką są piksele. Najkorzystniejszą jednostką jest jednak em. Poniżej powiem dlaczego.
Optymalna jednostka?
Opisując layout powinniśmy korzystać z jednej określonej jednostki długości. Najlepszą pod wieloma względami jest em. Jest elastyczna i daje większe możliwości dostosowania rozmiaru do przeglądarki. W sieci istnieje wiele przeciwników tej jednostki. Większość z nich twierdzi, że chce panować nad layoutem co do piksela. Ja jednak uważam, że zdolny webmaster powinien potrafić stworzyć elastyczny layout, który nie będzie ustępował wyglądem strony opartej o piksele.
Edit: Artykuł nie jest mój..
Link: http://marines.jogger.pl/2007/03/13/jednostki-dlugosci-w-css/
RE: Jednostki CSS - superman - 27-09-2009
(26-09-2009, 20:31)Leja napisał(a):Cytat:Jednostki miary
Wyróżniamy następujące jednostki:
* % - procenty
* in - cale
* cm - centymetry
* mm - milimetry
* em - aktualna wielkość liter (czytaj dalej)
* ex - połowa wielkości liter (czytaj dalej)
* pt - punkty
* pc - pice
* px - piksele
* oraz słowa kluczowe - względne i bezwzględne
Jak widać mamy niemały wybór. Najczęściej stosowaną jednostką są piksele. Najkorzystniejszą jednostką jest jednak em. Poniżej powiem dlaczego.
Optymalna jednostka?
Opisując layout powinniśmy korzystać z jednej określonej jednostki długości. Najlepszą pod wieloma względami jest em. Jest elastyczna i daje większe możliwości dostosowania rozmiaru do przeglądarki. W sieci istnieje wiele przeciwników tej jednostki. Większość z nich twierdzi, że chce panować nad layoutem co do piksela. Ja jednak uważam, że zdolny webmaster powinien potrafić stworzyć elastyczny layout, który nie będzie ustępował wyglądem strony opartej o piksele.
Edit: Artykuł nie jest mój..
Link: http://marines.jogger.pl/2007/03/13/jednostki-dlugosci-w-css/
Co to znaczy elastyczna? i że daje większe możliwości dostosowania rozmiaru do przeglądarki? Proszę o dokładne wyjaśnienie i cierpliwość bo jestem zielony
RE: Jednostki CSS - superman - 27-09-2009
Panowie powiedzcie mi jeszcze czemu to co jest wprowadzone w pliku htm inaczej wyświetla się w przeglądarce Internet Explorer a inaczej w Mozilli?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<title>moje</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
<style type="text/css">
<!--
div.obraz {
float: right;
width: 50%;
border: thin blue solid;
margin: 0.5em;
padding: 0.5em
}
div.obraz p {
text-align: center;
font-style: italic;
font-size: 0.75em;
text-indent: 0
}
img.skalowany {
width: 100%
}
-->
</style>
</head>
<body>
<div class="obraz">
<p><img class="skalowany" src="domek.jpg" alt="Dom" /></p>
<p>Domeczek</p>
</div>
</body>
</html>
RE: Jednostki CSS - Leja - 27-09-2009
Ponieważ Explorer to najsłabsze ogniowo
tam zawsze coś jest nie tak! Właśnie do tego są HACKI itp
RE: Jednostki CSS - superman - 27-09-2009
Czyli dobrze wyświetla to co podałem w Explorerze czy w Mozilli? Jak zrobić aby dobrze wyświetlało i w Explorerze i w Mozilli?
RE: Jednostki CSS - superman - 28-09-2009
ok już wiem jaki był błąd 2 razy wstawiłem style
<!--
<style type="text/css">
ale i tak nie rozumiem po co jest ta jednostka em - wyjaśnijcie w jakim celu jest ona stosowana. Bo np jak podam wcześniej font-size: 12pt; margin-left: 2em to margines będzie wynosił 24 pt no nie? Nie rozumiem po co jest ta jednostka em jak można np w marginesie podać jako np cm - może ktoś mi to wyjaśni bo w ogóle tego nie rozumiem
RE: Jednostki CSS - pRzemo - 28-09-2009
RE: Jednostki CSS - superman - 28-09-2009
Ale po co ją się stosuje? Są jakieś zalety tej jednostki albo wady? jeśli tak to jakie?
RE: Jednostki CSS - Marcin - 28-09-2009
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.