Pagin Vs Margin em Vs px

Ας μάθουμε πως να κάνουμε τις σελίδες μας με στιλ. Τα Cascading Style Sheets είναι ο τρόπος για να το επιτύχουμε.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
Άβαταρ μέλους
Basilakis
PHP Moderator
Δημοσιεύσεις: 8575
Εγγραφή: 17 Νοέμ 2003 13:03
Τοποθεσία: Womans' Brain
Επικοινωνία:

Pagin Vs Margin em Vs px

Δημοσίευση από Basilakis » 21 Απρ 2009 16:42

Margin apo to w3schools
The CSS margin properties define the space around elements

Pagin
The CSS padding properties define the space between the element border and the element content.

ομολογώ πως δεν μπορώ να καταλάβω ακριβώς την διαφορά τους...

επίσης, ποία η διαφορά μεταξύ του em και του px στις τιμές;

ALR
Honorary Member
Δημοσιεύσεις: 1712
Εγγραφή: 09 Απρ 2005 17:30

Pagin Vs Margin em Vs px

Δημοσίευση από ALR » 21 Απρ 2009 17:29

Δες εδώ, είναι διαφωτιστικό. http://css3.gr/articles/article/web-dev ... ic-layout/

Ωστόσο, από εμπειρία, είναι πολύ δύσκολο να δημιουργήσεις ένα πολυσύνθετο pixel perfect web layout, χρησιμοποιώντας em.

Αντιθέτως είναι διαμάντι, για layouts εφημερίδων, minimal καταστάσεων κλπ.
Γίνονται πραγματάκια

Άβαταρ μέλους
fafos
Script Master
Δημοσιεύσεις: 6236
Εγγραφή: 30 Νοέμ 2004 03:09

Pagin Vs Margin em Vs px

Δημοσίευση από fafos » 21 Απρ 2009 17:34

Basilakis έγραψε:Margin apo to w3schools
The CSS margin properties define the space around elements

Pagin
The CSS padding properties define the space between the element border and the element content.

ομολογώ πως δεν μπορώ να καταλάβω ακριβώς την διαφορά τους...

επίσης, ποία η διαφορά μεταξύ του em και του px στις τιμές;

Me apla ellhnika:

To margin "sproxnei" to antikeimeno kai olo to periexomeno

to padding "sproxnei" mono to periexomeno mesa sto antikeimeno
Οι πάνες και οι πολιτικοί πρέπει να αλλάζονται συχνά για τον ίδιο λόγο...

Άβαταρ μέλους
Sermac
Δημοσιεύσεις: 363
Εγγραφή: 26 Σεπ 2007 21:08

Pagin Vs Margin em Vs px

Δημοσίευση από Sermac » 22 Απρ 2009 00:47

Εικόνα

Επίσης, στο margin μπορείς να δώσεις και αρνητικές τιμές. πχ αν δώσεις margin-top:10px; θα μετατοπιστεί το element 10px προς τα κάτω, ενώ αν δώσεις margin-top:-10px; προς τα πάνω.
Εικόνα

Απάντηση

Επιστροφή στο “CSS - Cascading Style Sheets”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης