[eeei.gr Logo]
Επικοινωνία
Ταυτότητα
Μαθήματα Internet | Μαθήματα Προγραμματισμού | Net Business | Τα νέα του Internet | Ο Κόσμος του Αύριο

Δήλωση όλων των styles σε ένα μητρικό stylesheet (linking)

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

Για να το επιτύχουμε αυτό δημιουργούμε ένα ειδικό αρχείο κειμένου στο οποίο δηλώνουμε όλα τα styles που επιθυμούμε και δηλώνουμε τη θέση του σε όλες τις σελίδες οι οποίες θα το χρησιμοποιούν ως οδηγό για την εμφάνιση του περιεχομένου τους. Στο παράδειγμα που ακολουθεί η σελίδα δηλώνει πως τα styles απεικόνισής της θα ληφθούν από το αρχείο basic.css

<HTML> <HEAD>
<TITLE>Δοκιμές Stylesheets</TITLE>
<LINK REL=stylesheet HREF="basic.css" TYPE="text/css">
</HEAD>
<BODY>
<H3> Ασημόγκριζα έντονα γράμματα</H3>
<P> Ανοικτό γαλάζιο φόντο και arial γράμματα</P>
</BODY>
</HTML>

Το αρχείο basic.css είναι ένα απλό αρχείο κειμένου (με οποιοδήποτε όνομα θέλουμε και την επέκταση .css) το οποίο περιέχει τα ακόλουθα:

H3 { color: silver; font-family: impact }
P { background: aqua; font-family: arial }
h1 {font-size: 150%}

Εννοείται φυσικά ότι αν το basic.css δεν βρίσκεται στον ίδιο φάκελο με το αρχείο της σελίδας, στο HREF θα δηλωθεί όλη η διαδρομή (π.χ. HREF="../main/basic.css")


Τρέχουσα Ενότητα: Προχωρημένο HTML - Dreamweaver


 

© Eeei.gr 2009