επικαλυπτόμενα φύλλα στυλ παρέχουν ένα μηχανισμό για την προσθήκη στυλ στις ιστοσελίδες και διαχωρισμό σημασιολογία της σελίδας παρουσίασης από το περιεχόμενο της σελίδας . CSS αναπτύχθηκε αρχικά για να λύσουν τα προβλήματα που εισήγαγε την καταχώριση πληροφοριών του στυλ σε ετικέτες HTML , μια πρακτική που οδήγησε στην ανεξέλεγκτη και ακριβά κώδικα HTML . Τα φύλλα στυλ παρέχει στους προγραμματιστές τη δυνατότητα να το στυλ την εμφάνιση των ιστοσελίδων σε μια συνεπή και επεκτάσιμο τρόπο διατηρώντας ετικέτες HTML για την περιγραφή του ίδιου του περιεχομένου . Τα πράγματα που θα χρειαστείτε
επεξεργαστή κειμένου
πρόγραμμα περιήγησης στο Web
Η Εμφάνιση Περισσότερες οδηγίες
Πώς να Format ιστοσελίδων Χρήση εξωτερικού Style Sheet

1

Ανοίξτε ένα κείμενο editor και να δημιουργήσετε ένα νέο αρχείο . Ονομάστε το αρχείο myStylesheet.css . 2

Επεξεργασία myStylesheet.css . Προσθέστε ένα στυλ στο αρχείο που χρώματα "

" ετικέτες που χρησιμοποιούνται σε οποιαδήποτε ιστοσελίδα που αναφέρεται σε κόκκινο myStylesheet.css . Αποθηκεύστε και κλείστε myStylesheet.css

σ.

{

χρώμα : κόκκινο?

} .
Εικόνων 3 < p > Επιστροφή στο πρόγραμμα επεξεργασίας κειμένου , και να δημιουργήσετε ένα νέο αρχείο . Ονομάστε το αρχείο useExternal.html και να το αποθηκεύσετε στην ίδια θέση όπως myStylesheet.css .
Η 4

Επεξεργασία useExternal.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " < /head> " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " < /body> "ετικέτα και μια στενή HTML " < /html > " Φτηνές 5

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα σύνδεσμο προς myStylesheet.css στην ενότητα " " του αρχείου . Ρυθμίστε το " href " τιμή " myStylesheet.css " , το " rel " τιμή " text /stylesheet " και ο "τύπος" τιμή " text /css " .

< /head> < br >

< /body>

< /html >
Η 6

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα HTML "

" tag κεφαλίδα στο αρχείο στην ενότητα " " , ρυθμίστε την κεφαλίδα στο κείμενο " Επικεφαλίδα κειμένου" και να κλείσει τις " < /h1 > " ετικέτα .
< p >

< p> < /head>

Κείμενο κεφαλίδας < /h1 >

< /body>

< /html >
Η 7

Συνεχίστε με την επεξεργασία useExternal.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα , ρυθμίστε την παράγραφο κειμένου για να " Παράγραφος κειμένου" και κλείστε το " < /p> " ετικέτα . Αποθηκεύστε και κλείστε το useExternal.html .

< Link href = " myStylesheet.css " rel = Τύπος " στυλ " = " text /css " >

< /head>

κείμενο κεφαλίδας < /h1 >

παράγραφος κειμένου < /p>

< /body>

< /html >
8

Open useExternal.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και " < /p> " ετικέτες είναι χρωματισμένο κόκκινο .
Εικόνων Τρόπος διαμόρφωσης μιας ιστοσελίδας με ένα φύλλο Εσωτερική Style
< br > 9

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο με όνομα useInternal.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " < /head> " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " < /body> "ετικέτα , και μια στενή HTML " < /html > "
10

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα στυλ μεταξύ του " " και " < /head> " ετικέτες , ότι τα χρώματα οποιοδήποτε κείμενο που χρησιμοποιεί το "

" ετικέτα μπλε.

< p>

< στυλ
11

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα HTML "

" header ετικέτα στην ενότητα " " του αρχείου και να ρυθμίσετε το κείμενο κεφαλίδα " Κείμενο κεφαλίδας " . Κλείστε το " < /h1 > " ετικέτα .

< Στυλ Κείμενο < /h1 >

< /body>

< /html >
Η 12

Συνεχίστε με την επεξεργασία useInternal.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα και να ρυθμίσετε το κείμενο παραγράφου σε " Παράγραφος κειμένου" . Κλείστε το " < /p> " ετικέτα και να αποθηκεύσετε και κοντά useInternal.html .

< Στυλ Κείμενο < /h1 >

παράγραφος κειμένου < /p>

< /body>

< /html >
Η 13

Open useInternal.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και " < /p> " ετικέτες είναι χρώματος μπλε .
Εικόνων Τρόπος διαμόρφωσης μιας ιστοσελίδας με ένα φύλλο Inline Style
< br > 14

Ανοίξτε ένα πρόγραμμα επεξεργασίας κειμένου και να δημιουργήσετε ένα νέο αρχείο με όνομα useInline.html . Προσθέστε κάποια HTML στο αρχείο που περιλαμβάνει μια ανοιχτή HTML " " ετικέτα , μια ανοικτή HTML " " ετικέτα , μια στενή HTML " < /head> " ετικέτα , μια ανοικτή HTML " "ετικέτα , μια στενή HTML " < /body> "ετικέτα , και μια στενή HTML " < /html > "
15

Συνεχίστε με την επεξεργασία useInline.html . Προσθέστε ένα HTML "

" header ετικέτα στην ενότητα " " των αρχείων , που την κεφαλίδα στο κείμενο " Επικεφαλίδα κειμένου" και να κλείσει τις " < /h1 > " ετικέτα .
< p >

< /head>

Κείμενο κεφαλίδας < /h1 >

< /body>

< /html >
Τετάρτη 16

Συνεχίστε με την επεξεργασία useInline.html . Προσθέστε ένα HTML "

" tag παραγράφου στο αρχείο μετά την "

" ετικέτα , που το κείμενο της παραγράφου για να «Παράγραφος κειμένου" και να κλείσει το "

" ετικέτα .

< /head>

Κείμενο κεφαλίδας < /h1 >
< p > Κείμενο

παράγραφος < /p>

< /body>

< /html >
Η 17

Συνεχίστε με την επεξεργασία useInline.html . Επεξεργαστείτε το "

" tag παραγράφου και να προσθέσετε ένα "στυλ " παράμετρο που τα χρώματα οποιοδήποτε κείμενο που χρησιμοποιεί το "

" πράσινη ετικέτα .

< ? head> < /head>

Κείμενο κεφαλίδας < /h1 >

< p style = " χρώμα: πράσινο ? " > Παράγραφος κειμένου < /p>

< /body>

< /html >
Η 18

Open useInline.html σε ένα πρόγραμμα περιήγησης στο web . Βεβαιωθείτε ότι το κείμενο που τοποθετείται στο εσωτερικό του "

" και " < /p> " ετικέτες είναι χρωματισμένο πράσινο .
Η
εικόνων