background image

Σχεδιασμός και κατασκευή ενός υβριδικού αμυντικού αυτοματοποιημένου ρομποτικού συστήματος 

 

 

 

52 

2.1.2 CSS 

 

Η CSS ή αλληλουχία φύλλων στυλ, αποτελεί μια γλώσσα υπολογιστή που ανήκει στην 

κατηγορία  των  γλωσσών  φύλλων  στυλ  και  χρησιμοποιείται  για  τον  έλεγχο  της  εμφάνισης 

ενός εγγράφου που έχει γραφτεί σε μια γλώσσα σήμανσης (HTML και XHTML). Καθορίζει 

όχι  μόνο  την  εμφάνιση  ενός  εγγράφου,  αλλά  και  μιας  ιστοσελίδας  ή  ενός  ιστοτόπου 

γενικότερα.  

Το  όνομά  της  προκύπτει  από  το  ακρώνυμο  Cascading  Style  Sheets  [9],  που  σημαίνει 

«Διαδοχικά  Φύλλα  Στυλ»,  και  έχει  ως  στόχο  την  στιλιστική  ανάπτυξη  και  τη  διαμόρφωση 

των χαρακτηριστικών όσον αφορά τα χρώματα, τη στοίχιση, το μέγεθος, το περίγραμμα και 

το  φόντο.  Η  χρήση  της  κρίνεται  απαραίτητη  για  την  ανάπτυξη  μιας  καλοσχεδιασμένης  και 

καλαίσθητης ιστοσελίδας. 

Πέρα  από  το  πλεονέκτημα  της  καλαισθησίας,  η  χρήση  της  CSS  στην  ανάπτυξη  μιας 

ιστοσελίδας φέρει μια πληθώρα θετικών χαρακτηριστικών [9], όπως: 

 

Αυξημένη  ευελιξία.  Η  CSS  κατέστησε  εφικτές  μορφοποιήσεις  οι  οποίες  ήταν 

αδύνατες ή πολύ δύσκολες με την κλασσική HTML. 

 

Εύκολη  συντήρηση  ιστοσελίδων.  Η  εμφάνιση  μιας  ολόκληρης  σελίδας  ελέγχεται 

εξολοκλήρου από ένα εξωτερικό αρχείο. Με τον τρόπο αυτό, η αλλαγή σε ένα μόνο 

σημείο  καθίσταται  πιο  εύκολη  σε  σχέση  με  την  αναζήτηση  του  σημείου  σε  όλα  τα 

αρχεία της σελίδας μόνο και μόνο για την αλλαγή της μορφοποίησης. 

 

Σημαντικά  μειωμένο  μέγεθος  αρχείου.  Ο  κανόνας  μορφοποίησης  γράφεται  σε  ένα 

αρχείο και όχι σε κάθε αρχείο ξεχωριστά. 

 

Επιτυχημένη  αναζήτηση  (Search  engine  optimization).  Οι  μηχανές  αναζήτησης 

ψάχνουν  πιο  ξεκάθαρα  το  περιεχόμενο  που  αναζητούν  σε  ένα  καθαρό  κείμενο,  σε 

αντίθεση με ένα κείμενο το οποίο περιέχει και σχόλια μορφοποίησης.  

Η  συγγραφή  κώδικα  CSS  αποτελείται  από  κανόνες.  Κάθε  «κανόνας»  αποτελείται  από 

δύο  (2)  μέρη  [9]:  τον  επιλογέα  (CSS  selector),  ο  οποίος  δείχνει  ποιο  στοιχείο  θα 

μορφοποιηθεί,  και  τις  ιδιότητες  (CSS  properties)  που  δείχνουν  τον  τρόπο  που  αυτό  θα 

μορφοποιηθεί και τι τιμές θα λάβει.