Cascading Style Sheets και SharePoint 2010

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

Μπορείτε να αλλάξετε το χρώμα των υπερσυνδέσμων για έναν ολόκληρο ιστότοπο για όσο χρόνο χρειάζεται για να πληκτρολογήσετε αρκετούς χαρακτήρες!

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

Ένας κανόνας CSS περιέχει το στοιχείο και έναν ή περισσότερους περιγραφείς. Το στοιχείο μπορεί να είναι ένα στοιχείο HTML ή ένα προσαρμοσμένο στυλ (κλάσης) που μπορεί να εφαρμοστεί όπως επιθυμείτε:

• Στοιχείο HTML: Οι περιγραφείς ιδιοτήτων σε αυτό το παράδειγμα στοιχείου HTML περιλαμβάνουν το χρώμα του κειμένου, το στυλ γραμματοσειράς, το μέγεθος γραμματοσειράς και την οικογένεια γραμματοσειρών (αυτοεξήγητο).

  h1 { χρώμα: κόκκινο; στυλ γραμματοσειράς: bold ; μέγεθος γραμματοσειράς: 16 px; γραμματοσειρά-οικογένεια: arial; }

• Προσαρμοσμένο στυλ κλάσης: Ο προσαρμοσμένος κανόνας είναι ο ίδιος, εκτός από το ότι το CSS έχει ορισμένες μορφές συντόμευσης.

.mystyleheader { χρώμα: κόκκινο; γραμματοσειρά: bold 16px arial. }

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

Το SharePoint έχει χιλιάδες κανόνες CSS και χρειάζεται υπομονή και εμπειρία για να βρείτε, να ανακαλύψετε και να δημιουργήσετε τα δικά σας στυλ για να παρακάμψετε αυτά τα προκαθορισμένα στυλ.

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

Η κλάση .mystyleheader εμφανίζεται στην προηγούμενη λίστα για να ορίσετε εύκολα τη διαφορά μεταξύ του στοιχείου HTML και ενός στυλ προσαρμοσμένης κλάσης. Τα ονόματα κλάσεων που χρησιμοποιούνται από το SharePoint και δημιουργούνται από εσάς έχουν πιο ουσιαστικά ονόματα.

Όταν δημιουργείτε τα δικά σας ονόματα στυλ, όσο δελεαστικό κι αν είναι να ονομάσετε ένα στυλ .redlink ή .blueheading, μόλις εφαρμόσετε αυτό το στυλ σε πολλές τοποθεσίες, η ομάδα θα θέλει να αλλάξει το χρώμα! Περιγράψτε λοιπόν το στοιχείο με βάση την πρόθεσή του για το περιεχόμενο, όχι τα χρώματα ή τις ιδιότητές του.

Μέρος του αρχείου core4.css στο SharePoint.