Skip to main content

Τι είναι το CSS;

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

Ο προγραμματιστής ιστού μπορεί να χρησιμοποιήσει ένα αρχείο CSS για να ελέγξει την εμφάνιση ενός ιστότοπου με τρεις κύριους τρόπους.Ο πρώτος τρόπος ονομάζεται inline, αναφερόμενος στο γεγονός ότι ο κώδικας τοποθετείται ακριβώς στη γραμμή του κώδικα του ιστότοπου.Για παράδειγμα, ένας προγραμματιστής ιστού μπορεί να θέλει να κάνει μια συγκεκριμένη πρόταση να εμφανίζεται με έντονους, κόκκινους τύπους έτσι ώστε να ξεχωρίζει.Θα μπορούσε να χρησιμοποιήσει το CSS για να ρυθμίσει το στυλ αυτής της φράσης σε έντονους και κόκκινους χρησιμοποιώντας inline κώδικα.Το όφελος αυτής της μεθόδου είναι ότι επιτρέπει μια γρήγορη και εύκολη αλλαγή σε ένα συγκεκριμένο μέρος μιας ιστοσελίδας.Σε αυτή την περίπτωση, ο προγραμματιστής θα χρησιμοποιήσει αυτό που ονομάζεται ενσωματωμένο CSS.Ο προγραμματιστής μπορεί, για παράδειγμα, να κάνει κάθε νέα παράγραφο και κάθε κεφαλίδα με έντονους χαρακτήρες.Οι ενσωματωμένες οδηγίες τοποθετούνται συνήθως στην κορυφή του κώδικα ιστοσελίδων.

Αυτό επιτρέπει στον προγραμματιστή να αλλάξει τον ενσωματωμένο κώδικα μία φορά και να έχει τα αποτελέσματα σε ολόκληρη τη σελίδα.Εάν αποφάσισε να βάλει όλες τις κεφαλίδες με πλάγια πλάτη και όχι με τολμηρό κείμενο, θα μπορούσε απλώς να αλλάξει την κωδικοποίηση στυλ και όλες οι κεφαλίδες σε αυτή τη σελίδα θα αλλάζουν.Αυτό έχει ένα πλεονέκτημα σε σχέση με τη μέθοδο inline, καθώς καλύπτει ολόκληρη την ιστοσελίδα και μπορούν να γίνουν αλλαγές σε ολόκληρη τη σελίδα.

Ο τελικός κοινός τύπος CSS είναι αυτό που είναι γνωστό ως εξωτερικό CSS.Ένας προγραμματιστής ιστού θα γράψει τον κώδικα για να εφαρμοστεί σε μια ολόκληρη ομάδα ιστοσελίδων, έναν ολόκληρο ιστότοπο ή ακόμα και πολλαπλές ιστοσελίδες.Αυτοί οι κανόνες μπορούν να περιλαμβάνουν πράγματα όπως χρώμα φόντου, χρώμα κειμένου, απόσταση λέξεων και άλλα στοιχεία της διάταξης της σελίδας, όπως και τα προηγούμενα δύο παραδείγματα του CSS.

Η διαφορά είναι ότι αυτές οι οδηγίες δεν είναι για ένα ενιαίο τμήμα της σελίδας ή μόνο μία ιστοσελίδα, αλλά για έναν ολόκληρο ιστότοπο.Το πλεονέκτημα είναι ότι η εμφάνιση και η αίσθηση ενός ολόκληρου ιστότοπου μπορεί να αλλάξει ταυτόχρονα κάνοντας αλλαγές στο εξωτερικό φύλλο στυλ.Εάν ο σχεδιαστής θέλει να δοκιμάσει ένα νέο χρώμα φόντου ή μια νέα γραμματοσειρά για ολόκληρο τον ιστότοπο, μπορεί να το κάνει με την αλλαγή μερικές γραμμές στον εξωτερικό κώδικα, αντί να πηγαίνει σε κάθε σελίδα ξεχωριστά και να κάνει αλλαγές εκεί.Τα μειονεκτήματα τόσο για την ενσωματωμένη όσο και για το εξωτερικό CSS είναι ότι υπάρχει περισσότερος χρόνος για τη δημιουργία ενός μεγάλου φύλλου στυλ, το οποίο θα καλύψει μεγάλη διάταξη, αντί να κάνει μικρότερες αλλαγές σε μεμονωμένες γραμμές.Ο σχεδιαστής ιστοσελίδων πρέπει να αποφασίσει εάν είναι πιο αποτελεσματική μακροπρόθεσμα για να κάνει μεμονωμένες οδηγίες inline ή να κάνει ένα ενσωματωμένο ή εξωτερικό CSS για να φροντίσει ταυτόχρονα πολλά χαρακτηριστικά σχεδιασμού.