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

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

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

Απλές απαιτήσεις πληροφόρησης

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

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

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

Εργαλεία CSS

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

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

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

CSS σαφές κανόνα χρήσης περιπτώσεις

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

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

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

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

Εφαρμογή πρακτικής

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

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

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

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

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