Εφαρμογή του κανόνα διαγραφής CSS: απλό και βολικό

Η χρήση διάφορων συσκευών για την εμφάνιση πληροφοριών οδήγησε στην ανάγκη για επαρκή εκπροσώπηση χωρίς αναφορά σε συγκεκριμένες λειτουργίες, παραμέτρους και συνθήκες προβολής.

Οι δημοφιλέστερες προγενέστερες προτάσεις μπλοκ, πίνακες, καουτσούκ, προσαρμοστικές (και άλλες επιλογές) είναι θέμα του παρελθόντος. Στο παρόν, οι πληροφορίες θα πρέπει απλώς να εμφανίζονται όσο το δυνατόν περισσότερο, ποιοτικά και εξίσου σε οποιαδήποτε συσκευή.

Απλές απαιτήσεις για την παροχή πληροφοριών

Ένα άτομο διεξάγει διάλογο με λόγια, και το καταλαβαίνουν. Μπορεί όμως να χρησιμοποιήσει οπτικό υλικό και να διευκρινίσει τι έχει πει με χειρονομίες, σχέδια, όρους ή άλλως να τονίσει την προσοχή του ακροατή (καταναλωτή). Ως αποτέλεσμα, φτάνει γρήγορα στο στόχο.

Ο ιστότοπος είναι υποχρεωμένος να παρέχει πληροφορίες με παρόμοιο τρόπο και δεν πρέπει να υπάρχουν πρόσθετες απαιτήσεις για κωδικοποίηση σε επίπεδο HTML, CSS, JavaScript ή PHP, ειδικότερα. Το αποτέλεσμα πρέπει να φτάσει στο στόχο και να παρέχεται τόσο σε προσωπικό υπολογιστή όσο και σε οποιαδήποτε άλλη κινητή ή σταθερή συσκευή.

Οι γλώσσες υπερκειμένου χρησιμοποιούνται όχι μόνο από προγράμματα περιήγησης, αλλά και από άλλα εργαλεία. Η παροχή πληροφοριών θα πρέπει να εξαλείψει όλες τις διαφορές που υπάρχουν.

Εργαλεία που παρέχονται από το CSS

Μην πηγαίνετε πάντα βαθιά σε HTML ή CSS για να επιτύχετε το επιθυμητό αποτέλεσμα. Συχνά είναι αρκετό να χρησιμοποιείτε απλά αλλά αποτελεσματικά μέσα. Το ελάχιστο κόστος σε κάθε επιχείρηση είναι ένα χαρακτηριστικό γνώρισμα της σύγχρονης κωδικοποίησης πληροφοριών για τη σωστή εμφάνισή της.

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

Το CSS δεν διαφέρει όσον αφορά την πολυπλοκότητα των σχεδίων και προσπαθεί να μεγιστοποιήσει την απλότητα. Χρησιμοποιώντας τον πλωτήρα: αριστερό ή πλωτό: σωστό κανόνα στο στοιχείο, μπορείτε να το πατήσετε σε κάθε πλευρά του πλαισίου γύρω του και το επόμενο στοιχείο με τον κανόνα CSS είναι σαφές: και οι δύο - τοποθετήστε τις πληροφορίες γύρω.

Πώς να χρησιμοποιήσετε το CSS καθαρό

Υπάρχουν τρεις πιθανές τιμές για αυτόν τον κανόνα:

• Αριστερά - μην τυλίγετε αριστερά.
• Δεξιά - μην τυλίγετε στα δεξιά.
• Και τα δύο - μην τυλίγετε και στις δύο πλευρές.

Μπορείτε επίσης να χρησιμοποιήσετε τις τιμές καμίας και κληρονομιάς για τον κανόνα διαγραφής CSS, ο οποίος είναι ουσιαστικά ο ίδιος με τη λειτουργικότητα: το προηγούμενο στοιχείο (ή στοιχεία) δεν θα τυλιχτεί γύρω από την αριστερή, τη δεξιά ή και τις δύο πλευρές. Αυτή είναι στην πραγματικότητα μια τροφή γραμμής. Όλα τα παρακάτω στοιχεία θα βρίσκονται στο επόμενο μπλοκ πληροφοριών. Ποιες πληροφορίες θα εμφανιστούν πριν το στοιχείο με τον κανόνα CSS σαφές - ορίζει τον προγραμματιστή. Στοιχεία με απόλυτη τοποθέτηση σχηματίζονται στη σελίδα σε μια θέση που καθορίζεται από τις ιδιότητές τους.

Στην πραγματικότητα, ο σαφής κανόνας CSS σας επιτρέπει να δομήσετε (group) στοιχεία πληροφοριών. Η συσκευή εμφανίζει πληροφορίες από ένα κοινό νήμα και όταν βρει έναν σαφή κανόνα σε ένα στοιχείο, εμφανίζει τα περιεχόμενά της ανάλογα.

Πρακτική εφαρμογής

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

• Η ευκαιρία να κάνουμε όμορφα και αποτελεσματικά (αλλά ίσως για μεγάλο χρονικό διάστημα)?
• Γρήγορα και προσιτά.

Κάθε προγραμματιστής ερμηνεύει αυτό που είπε με τον δικό του τρόπο. Μερικοί παρέμειναν αληθινές στην ορολογία "προσαρμοστική διάταξη". Άλλοι λένε ότι κάνουν χώρους από καουτσούκ. Ακόμα άλλοι πείθουν τον πελάτη για την ανάγκη για διάταξη μπλοκ ή πίνακα ... Δεν είναι σημαντικό να αναφέρουμε τη διαδικασία, το εργαλείο ή άλλη μέθοδο επίτευξης του αποτελέσματος.

Πάντα μόνο ο χρόνος ανάπτυξης και το αποτέλεσμα της εργασίας είναι σημαντικοί. Στην πρώτη περίπτωση, η χρήση του κανόνα Clear CSS είναι απίθανο να έχει νόημα, ούτε ο κανόνας float θα εξαφανιστεί ως περιττός. Δημιουργήστε μια σελίδα, δημοσιεύστε πληροφορίες και λάβετε υπόψη τις δυνατότητες των διαφόρων συσκευών θα είναι ένας περίπλοκος αλγόριθμος στο JavaScript ή ένας συνδυασμός στυλ CSS που συνδέονται στενά με τα διανύσματα HTML.

Στη δεύτερη περίπτωση, χάρη στους κανόνες float και clear, η περιγραφή CSS σας επιτρέπει να δημιουργήσετε απλά μια ροή στοιχείων σελίδας. Ένα αποδεκτό αποτέλεσμα θα επιτευχθεί γρήγορα και αποτελεσματικά.