Πώς να δημιουργήσετε ένα απλό φύλλο στυλ CSS χρησιμοποιώντας το Σημειωματάριο

Περιεχόμενο

Βήματα
Συμβουλές
Πράγματα που θα χρειαστείτε

Το Σημειωματάριο είναι ένας από τους επεξεργαστές κειμένου που μπορεί να χρησιμοποιηθεί για τη δημιουργία ενός εγγράφου Cascading Style Sheet (CSS). Αφού δημιουργήσετε ένα αρχείο CSS στο Σημειωματάριο, μπορείτε να συνδέσετε αυτό το αρχείο σε μια ιστοσελίδα, έτσι ώστε το περιεχόμενο της ιστοσελίδας να μπορεί να μορφοποιηθεί με το φύλλο στυλ σας.

Βήματα

1 Ανοίξτε το πρόγραμμα Σημειωματάριο.
2Αντιγράψτε τον ακόλουθο κώδικα:

@charset "utf-8"; / * CSS Document * // * Ορίστε το χρώμα του στοιχείου σώματος * / body {background: # FFFFFF;} / * Αυτή η ενότητα προορίζεται για συνδέσμους * / a: link { γραμματοσειρά-βάρος: κανονικό; χρώμα: Navy} a: επισκέφθηκε {font-weight: normal; χρώμα: Πράσινο;} a: hover {font-weight: bold; χρώμα: Κόκκινο? font-variant: small-caps;} / * Αυτή η ενότητα είναι για ενότητα παραγράφου * / p {font-style: italic; font-size: 18px;} blue {color: # 0000FF;} / * Αυτή η ενότητα είναι για το μαύρο περίγραμμα της εικόνας. * / img {border-color: # 000000; περίγραμμα: παχύ? περίγραμμα στυλ: κορυφογραμμή;}

# Επικολλήστε τον κωδικό από το "Βήμα 2" στο Σημειωματάριο.

1 Αποθηκεύστε το αρχείο στο Σημειωματάριο. Αποθηκεύστε το με το όνομα "SimpleCSS.css" κάνοντας κλικ στο κουμπί "Αρχείο" και επιλέγοντας την εντολή "Αποθήκευση". Αφού κάνετε κλικ στο κουμπί "Αποθήκευση", θα εμφανιστεί το παράθυρο διαλόγου "Αποθήκευση ως".
2 Ονομάστε το αρχείο CSS. Εισαγάγετε "SimpleCSS.css" ή οποιοδήποτε όνομα στο πλαίσιο κειμένου "Όνομα αρχείου" με επέκταση ".css".
3 Κάντε κλικ στο κουμπί "Αποθήκευση".
4 Εχει γίνει!

Συμβουλές

Αποθηκεύστε το αρχείο του Σημειωματάριου μόνο ως κείμενο (μερικές φορές μπορείτε να το ονομάσετε Έγγραφο κειμένου ή ASCII) και δώστε του την επέκταση ".css".
Ο κώδικας που γράψαμε εδώ είναι απλώς ένα παράδειγμα για να σας δείξει πώς μπορείτε να δημιουργήσετε ένα βασικό αρχείο CSS χρησιμοποιώντας το Σημειωματάριο για να χειριστείτε τα στοιχεία του HTML στο δείγμα της ιστοσελίδας μας που εμφανίζεται στην ενότητα Εισαγωγή. Μπορείτε να αλλάξετε την κωδικοποίηση CSS, ωστόσο, πώς θέλετε να μορφοποιήσετε τα στυλ και την εμφάνιση των ιστοσελίδων.
Θυμηθείτε να τοποθετήσετε το αποθηκευμένο έγγραφο CSS στον ίδιο φάκελο με τα έγγραφά σας HTML όπου δημιουργήσατε τις ιστοσελίδες σας.
Αφού δημιουργήσετε το έγγραφο CSS, ίσως χρειαστεί να κάνετε το επόμενο βήμα. δηλαδή, να συνδέσετε ένα έγγραφο και μια ιστοσελίδα. Παρακαλούμε δείτε τα σχετικά άρθρα για να το κάνετε αυτό.