CSS o Επικαλυπτόμενα φύλλα στυλ (Επικαλυπτόμενα φύλλα στυλ) είναι ένα γλώσσα σήμανσης χρησιμοποιείται για αντιπροσωπεύω το Εμφάνιση ένα Ιστοσελίδα HTML. Είναι φοβερό εργαλείο. ισχυρό αφού με αυτό μπορούμε να αλλάξουμε εντελώς ο σχεδιασμός μιας ιστοσελίδας.

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

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

Συμβουλές και κόλπα για να αποφύγει τα κοινά λάθη κατά τη σύνταξη των CSS

1. Ξεχάστε τη συμβατότητα με άλλα προγράμματα περιήγησης

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

Είναι συνηθισμένο να δούμε πώς η σχεδιασμός ιστοσελίδας σε Firefox o Χρώμιο και ξεχνώ Ελέγξτε αυτό το σχέδιο Internet Explorer o Σαφάρι.

Υπάρχουν ένα πλήθος από κόλπα αποδεδειγμένα που βοηθούν τον ίδιο σχεδιασμό ή στυλ να πανομοιότυπος σε το διαφορετικές αποδόσεις των διαφόρων προγραμμάτων περιήγησης. Για οποιονδήποτε από τους ιδίως, ένα απλό Αναζήτηση στο Διαδίκτυο μπορεί να σας βοηθήσει.

2. Μην χρησιμοποιείτε πλαισίων

Υπάρχουν πολλά Πλαίσια που έχουμε Βοήθεια σε το Σχεδιασμός του μας τοποθεσία Web. Είναι σύνολα βιβλιοθήκες κώδικα έχει ήδη δοκιμαστεί από χιλιάδες ανθρώπους σε όλο τον κόσμο και των οποίων οι αποτυχίες έχουν επιλυθεί μετά την έκδοση, έτσι κάνοντας χρήση οποιουδήποτε από αυτά θα μας αποφύγει πονοκεφάλους της κεφαλής Κατά την εκτέλεση οποιασδήποτε εργασίας.

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

3. Δεν λαμβάνουν υπόψη άλλες αναλύσεις οθόνης

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

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

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

4. Χρήση μεγάλων εικόνων φόντου

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

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

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

5. Χρήση πάρα πολλών αρχείων

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

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

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