Με το Windows 10 Creators Update, ο Microsoft Edge θα συνοδεύεται από υποστήριξη για προσαρμοσμένες ιδιότητες CSS
2 λεπτό. ανάγνωση
Δημοσιεύθηκε στις
Διαβάστε τη σελίδα αποκάλυψης για να μάθετε πώς μπορείτε να βοηθήσετε το MSPoweruser να διατηρήσει τη συντακτική ομάδα Διάβασε περισσότερα
Με την επερχόμενη Ενημέρωση Δημιουργών των Windows 10 που θα κυκλοφορήσει τον επόμενο μήνα, ο Microsoft Edge θα υποστηρίζει τις προσαρμοσμένες ιδιότητες CSS που επιτρέπουν στους προγραμματιστές να διαχωρίζουν πλήρως τις μεταβλητές στις ιδιότητες CSS.
Γενικά, οι εφαρμογές Ιστού μπορεί να περιέχουν αρκετά CSS. Οι περισσότερες από τις τιμές στο αρχείο CSS θα είναι διπλότυπα δεδομένα. για παράδειγμα, ένας ιστότοπος μπορεί να δημιουργήσει ένα συνδυασμό χρωμάτων και να επαναχρησιμοποιήσει τρία ή τέσσερα χρώματα σε ολόκληρο τον ιστότοπο. Η αλλαγή αυτών των δεδομένων μπορεί να είναι δύσκολη και επιρρεπής σε σφάλματα, καθώς είναι διάσπαρτα σε όλο το αρχείο CSS (και πιθανώς σε πολλά αρχεία) και ενδέχεται να μην είναι δυνατή η Εύρεση και Αντικατάσταση. Οι προσαρμοσμένες ιδιότητες CSS επιλύουν αυτό το πρόβλημα χρησιμοποιώντας μια οικογένεια προσαρμοσμένων ιδιοτήτων που ορίζονται από τον συγγραφέα γνωστές συλλογικά ως προσαρμοσμένες ιδιότητες, οι οποίες επιτρέπουν στους προγραμματιστές να εκχωρούν αυθαίρετες τιμές σε μια ιδιότητα με όνομα και τη συνάρτηση var(), η οποία επιτρέπει στους προγραμματιστές να χρησιμοποιούν στη συνέχεια αυτές τις τιμές σε άλλα ακίνητα σε άλλα σημεία του εγγράφου. Δείτε ένα παράδειγμα παρακάτω,
:root { --primary: #0B61A4; --δευτεροβάθμια: #25567B; } header { background: var(--primary); border-bottom: 2px solid var(--secondary); }
Οι προσαρμοσμένες ιδιότητες CSS θα κάνουν την επεξεργασία αρχείων CSS πολύ πιο εύκολη και λιγότερο επιρρεπή σε σφάλματα, καθώς οι προγραμματιστές πρέπει να αλλάξουν την τιμή μία φορά, στην προσαρμοσμένη ιδιότητα και η αλλαγή θα μεταδοθεί αυτόματα σε όλες τις χρήσεις αυτής της μεταβλητής.
Εάν είστε προγραμματιστής, μπορείτε τώρα να δοκιμάσετε τις προσαρμοσμένες ιδιότητες CSS στις εκδόσεις προεπισκόπησης Windows Insider που κυκλοφόρησαν πρόσφατα, ξεκινώντας με το EdgeHTML 15.15061. Επίσης, ελέγξτε το Προσαρμοσμένες ιδιότητες επίδειξης Pooch για να δείτε αυτό το χαρακτηριστικό σε δράση.