Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Jednostki CSS
#1
Powiedzcie po co się stosuje jednostkę em?
Odpowiedz
#2
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/
Odpowiedz
#3
(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
Odpowiedz
#4
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>
Odpowiedz
#5
Ponieważ Explorer to najsłabsze ogniowo Tongue tam zawsze coś jest nie tak! Właśnie do tego są HACKI itp
Odpowiedz
#6
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?
Odpowiedz
#7
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
Odpowiedz
#8
Odpowiedz
#9
Ale po co ją się stosuje? Są jakieś zalety tej jednostki albo wady? jeśli tak to jakie?
Odpowiedz
#10
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.
Odpowiedz


Skocz do:


Użytkownicy przeglądający ten wątek:
Sponsorzy i przyjaciele
SeoHost.pl