Ποια είναι η διάταξη του μπλοκ; Πώς να επιβάλει μία σελίδα του site σας στις δικές τους;

Υπάρχει η επιθυμία να μάθουν να φτιάξετε το δικό σας sites σελίδες; Στη συνέχεια, ας έχουν μάθει ποια είναι η διάταξη μπλοκ. Διάταξη αρχάριος να πληρούν μια σειρά από δυσκολίες, έχουν πολλές ερωτήσεις. Σκεφτείτε τι είναι μπλοκ κωδικοποίησης.

Μια σημαντική συμβουλή

Χρησιμοποιήστε το πρόγραμμα επεξεργασίας WYSIWYG, έτσι τα πάντα ήταν σαφέστερη. Όσοι γνωρίζουν HTML καλά, το έργο του φορητού υπολογιστή, επειδή καταλαβαίνουν τα πάντα. Και αρχάριοι μπορούν να επωφεληθούν από προγράμματα όπως το FrontPage ή, για παράδειγμα, το Dreamweaver.

Τύποι sites διάταξης

Υπάρχουν διάφοροι τύποι διάταξης:

1. Σε μορφή πίνακα.
2. Αποκλεισμός.
3. Μικτή.

Μας ενδιαφέρει η διάταξη μπλοκ. Αυτό που ξεχωρίζει από το τραπέζι; Στο σχεδιάγραμμα μπλοκ χρησιμοποιώντας tag DIV έχει ορισμένα πλεονεκτήματα:

1. Τοποθετήστε με το σχεδιασμό των μπλοκ γρηγορότερα.
2. Το περιεχόμενο που εμφανίζεται μπλοκ (σε αντίθεση με τους πίνακες), όπως συμβαίνει η λήψη. Όπως είναι γνωστό, οι πίνακες αυτοί θα εμφανιστεί μόνο μετά από ολόκληρο τον πίνακα.
3. Κώδικας με div-s πιο εύκολο να διαβάσει.

Δεν είναι όλα τα πλεονεκτήματα, η οποία είναι διάσημη για τη διάταξη μπλοκ.

Πώς να αλλάξετε τη θέση div-μπλοκ;

Αυτό θα μας βοηθήσει να επιπλέει - αυτό το ακίνητο, το οποίο είναι ικανό από τα ακόλουθα:

1. Στοίχιση αριστερά - αριστερά.
2. Για να ευθυγραμμίσετε σωστά - δεξιά.
3. Στοιχείο παραμένει όπου ήταν, δεν θα μετακινηθεί αν δοθεί καμία. Η τιμή αυτή θα είναι η προεπιλογή.

Ένα άλλο σημαντικό χαρακτηριστικό που χρειαζόμαστε - σαφής. Μπορεί να έχει 4 τιμές:

1. Για την εγκατάσταση σύμφωνα με το προηγούμενο σημείο, μετακινηθείτε προς τα δεξιά, μπλοκ - δεξιά.
2. Αριστερά θέτει κάτω από το προηγούμενο στοιχείο, το οποίο μετακινείται προς τα αριστερά.
3. Και οι δύο - Εγκατάσταση των προηγούμενων εκτοπισμένων μπλοκ.
4. Καμία υποδεικνύει την απουσία περιορισμών σχετικά με τη θέση του μπλοκ σε σχέση με εκείνα τα στοιχεία που κινούνται.

παράδειγμα

Σκεφτείτε πώς θα μοιάζει με ένα μπλοκ div διάταξη. Γράφουμε τον κωδικό μας:

Σύμφωνα με τον κωδικό που βλέπετε το αποτέλεσμα. Έτσι, επί τη βάσει των πολλών ιδιοτήτων μπορεί να ελέγχεται διάταξη μπλοκ όπως είναι επιθυμητό. Μετάβαση στην επόμενη στιγμή. Έχουμε χρησιμοποιήσει text-align: center, για να ευθυγραμμιστεί κάθε κατηγορία για οποιοδήποτε πρόγραμμα περιήγησης.

Όπως μπορείτε να δείτε, είναι αρκετά απλή διάταξη μπλοκ του site. Είναι σημαντικό να μελετήσουμε και να εξασκήσουν τις περισσότερες ιδιότητες που θα δημιουργήσει μια πιο ευέλικτη δομή των σελίδων.

Κάτι πιο σημαντικό

Υπάρχει ένα δημοφιλές χαρακτηριστικό που χρησιμοποιείται στη διάταξη - θέση, χρησιμοποιείται για την τοποθέτηση.

Οι τιμές για τις ιδιότητες των θέσεων:

1. Σχετική - ρυθμίζει τη θέση των στοιχείων σε σχέση με αρχικές τους θέσεις. Εφαρμογή αριστερά, κορυφή, righ, στοιχείο βάσης κινείται προς μια συγκεκριμένη κατεύθυνση.
2. Στατική - κανονικό σημείο της οθόνης. Δεν έχει κανένα νόημα να χρησιμοποιήσετε το δεξιά / αριστερά, πάνω / κάτω - μπορεί να οδηγήσει σε τίποτα.
3. Απόλυτη - απόλυτη στοιχείο τοποθέτησης.
4. Σταθερό - παρόμοια απόλυτη. Είναι βέβαιο ότι ένα ορισμένο σημείο στην οθόνη, αλλά αυτό δεν αλλάζει τη θέση της, ακόμα και αν η σελίδα flipping.

Πολλοί διάταξη παρατηρήσει ότι όταν χρησιμοποιείται ένα σταθερό, απόλυτη και σχετική τοποθέτηση των μπλοκ είναι υπερτίθενται. Και στη συνέχεια, ενδιαφέρον να γνωρίζουμε ποια από τα παρακάτω τμήματα, τα οποία παραπάνω. Για να απαντήσουμε στο ερώτημα αυτό, θα πρέπει να έχετε ακίνητο z-index. Έφερε μπλοκ διάταξη σε ένα νέο επίπεδο. Αυτό καθιστά δυνατή όχι μόνο να κάνουν την τοποθέτηση του επιπέδου, αλλά επίσης και με τη βοήθεια του τρίτου Ζ άξονα Η αξία ενός τέτοιου ακινήτου μπορεί να είναι θετική ή αρνητική.

Δημιουργήστε 3 μπλοκ. Στη συνέχεια, το πείραμα με απόλυτη τοποθέτηση.

Όπως μπορείτε να δείτε, είναι εύκολο να αλλάξει τη θέση των μπλοκ. Με βάση το γεγονός ότι είστε πλέον σε θέση, να κάνει οποιαδήποτε στοιχειώδη σελίδα διάταξης μπλοκ. Εφαρμόζοντας τις περισσότερες ιδιότητες που θα βελτιώσει τις ικανότητές σας.