Βασικά φύλλα επικαλυπτικού στυλ στο Adobe CS5 Dreamweaver - ανδρείκελα

Το Adobe Creative Suite 5 (Adobe CS5) Το Dreamweaver χρησιμοποιεί Φυλλοπλαστικά φύλλα στυλ (CSS) έχουν μοντέλα CSS σχεδιαγράμματα και συμβουλές styling.

Η χρήση του CSS (Cascading Style Sheets) είναι μια τυπική μέθοδος για το styling κείμενο και άλλα στοιχεία σε ιστοσελίδες. Το ισχυρό εργαλείο σχεδίασης φύλλων στυλ σάς επιτρέπει να εκχωρείτε γρήγορα τις ιδιότητες στον τύπο και σε άλλα στοιχεία της σελίδας και να ενημερώνετε όλες τις παρουσίες με μερικά απλά βήματα. Το όνομα Cascading Style Sheets (Φύλλο στυλ Cascading) αναφέρεται στους κανόνες που εφαρμόζονται κατά τη χρήση πολλών στυλ (και φύλλων στυλ) ταυτόχρονα.

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

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

Το Dreamweaver CS5 χρησιμοποιεί αποκλειστικά φύλλα τυποποιημένων μορφών (CSS) για τη μορφοποίηση κειμένου και δεν παρέχει πλέον άμεση υποστήριξη για ετικέτες. Μπορείτε ακόμα να προσθέσετε ετικέτες αν θέλετε απολύτως επιλέγοντας Insert → Tag.

Το Dreamweaver προσφέρει σελίδες εκκίνησης CSS που έχουν διαθέσιμες διατάξεις CSS και οι οποίες περιλαμβάνουν συμβουλές CSS ορατές μόνο σε προβολή κώδικα. Βρείτε τις σελίδες εκκίνησης του CSS επιλέγοντας Αρχείο → Νέα → Κενή σελίδα → Πρότυπο HTML.

Οι συμβουλές CSS είναι ενσωματωμένες στις σελίδες εκκίνησης του CSS.