Πώς να αλλάξετε τη λειτουργία CSS και HTML στον περιηγητή ιδιότητας Dreamweaver - dummies

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

Όταν δεν έχει επιλεγεί τίποτα ή όταν επιλέγετε κείμενο σε μια σελίδα, ο επιθεωρητής ιδιότητας χωρίζεται σε δύο ενότητες: HTML και CSS.

Σημειώστε ότι τα κουμπιά στην αριστερή πλευρά του επιθεωρητή ιδιοτήτων κάνουν εύκολη την εναλλαγή μεταξύ αυτών των δύο τρόπων λειτουργίας.

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

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

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

Για να εφαρμόσετε ένα στυλ σε λειτουργία HTML, επιλέξτε την εικόνα, το κείμενο ή άλλο στοιχείο στη σελίδα όπου θέλετε να εφαρμόσετε το στυλ και, στη συνέχεια, χρησιμοποιήστε τις αναπτυσσόμενες λίστες Κλάσεων ή Αναγνωριστικών για να επιλέξετε το στυλ. Το Dreamweaver το εφαρμόζει αυτόματα.

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

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