Μαθήματα CSS - Μέρος 4 από 4
h3.first {font-size: 20pt; color: #FF00FF}
h3.scnd {font size: 18pt; color #DD00FF}
Ονομάζουμε τις εντολές χρησιμοποιώντας μια τελεία "." και ένα όνομα που θέλουμε. Στο παράδειγμά μας, χρησιμοποιήσαμε το "first" για τον πρώτο τύπο και το "scnd" για τον δεύτερο. (Μπορείτε να χρησιμοποιήσετε όποιο όνομα θέλετε αλλά προσέξτε να μην εμπλέκεται με τις εντολές και τον κώδικα). Μετά στην σελίδα προσθέτετε με τον εξής τρόπο :
<h3 class="first">Θα επηρεαστεί από το "H3.first"</H3>
<h3 class="scnd">Θα επηρεαστεί από το "H3.scnd"</H3>
Εξωτερικός
Ανοίξτε το notepad ή τον css editor σας. Εδώ η μορφή που πρέπει να ακολουθηθεί είναι η εξής :<style type="text/css"> <!-- Οι εντολές για το Style Sheet γράφονται εδώ... --> </STYLE> Μετά αποθηκεύετε το αρχείο σας με κατάληξη .css. Η κατάληξη χρησιμοποιείται από τον φυλλομετρητή ώστε να καταλάβει ότι πρόκειται για CSS και όχι απλά γράμματα.
Σαν επόμενο βήμα, πρέπει να τοποθετήσετε την παρακάτω εντολή του Style Sheet σε όσες σελίδες θέλετε να επηρεάζονται από αυτό: <LINK REL="stylesheet" HREF="http://www.your.page/fred.css" TYPE="text/css"> Αν δεν θέλετε μια λέξη ή ένα αντικείμενο να επηρεαστεί από το CSS, απλά στο tag του αντικειμένου δηλώνετε το style και γράφετε τι στυλ θέλετε να έχει... πχ.
<style type="text/css"> <!-- H2 {font-family: arial} --> </style> <h2 style="font-family: verdana">Επικεφαλίδα 2</h2>
