Σπίτι Κοινωνική Media Επικαλυπτόμενα φύλλα στυλ και SharePoint 2010 - ανδρείκελα

Επικαλυπτόμενα φύλλα στυλ και SharePoint 2010 - ανδρείκελα

Βίντεο: css-0 2024

Βίντεο: css-0 2024
Anonim

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

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

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

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

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

    h1 {χρώμα: κόκκινο; γραμματοσειρά: έντονα. μέγεθος γραμματοσειράς: 16px; font-family: arial;}
    
  • Στυλ προσαρμοσμένης κλάσης: Ο προσαρμοσμένος κανόνας είναι ο ίδιος, εκτός από το ότι το CSS έχει ορισμένες μορφές συντόμευσης.

. mystyleheader {χρώμα: κόκκινο; font: bold 16px arial?}

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

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

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

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

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

Μέρος του πυρήνα4. css στο SharePoint.

Επικαλυπτόμενα φύλλα στυλ και SharePoint 2010 - ανδρείκελα

Η επιλογή των συντακτών

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Πώς να δημιουργήσετε Flash CS5 σύμβολα κουμπιών - dummies

Για να βελτιώσετε τις ταινίες Adobe Flash Creative Suite 5 μπορούν να χρησιμοποιήσουν τα κουμπιά Flash CS5 για να δώσουν στους χρήστες τον έλεγχο της δράσης με έλεγχο χρόνου και πλοήγηση. Στο Flash, τα κουμπιά είναι ειδικοί τύποι συμβόλων που έχουν σχεδιαστεί για να ανταποκρίνονται σε αλληλεπίδραση με το ποντίκι ή το πληκτρολόγιο, όπως κλικ, ανατροπές και συγκεκριμένα πλήκτρα. Όταν συνδυάζεται με το ActionScript, ...

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

Πώς να δημιουργείτε κλίσεις στο Adobe Flash CS6 - ανδρείκελα

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

Η επιλογή των συντακτών

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Πώς να γράφετε σημειώσεις στο OneNote 2013 στα Android - ανδρείκελα

Το OneNote, όπως οι εκδόσεις iOS και web app, η έκδοση Android του OneNote σάς επιτρέπει να αποκτάτε πρόσβαση και να επεξεργάζεστε σημειώσεις με ένα ελάχιστο σύνολο χαρακτηριστικών σε σύγκριση με τις εκδόσεις desktop του OneNote, όπως το OneNote 2013. Πώς να δημιουργήσετε μια νέα σημείωση στο Android Μπορείτε να δημιουργήσετε ...

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

2 τρόποι αποστολής και λήψης αλληλογραφίας στο Outlook - ανδρείκελα

Μετά τη διαμόρφωση του λογαριασμού ηλεκτρονικού ταχυδρομείου (S) στο Outlook 2013, η λήψη μηνυμάτων είναι μια αυτόματη διαδικασία. Το Outlook αποστέλλει αυτόματα και λαμβάνει μηνύματα όταν ξεκινάτε και επίσης σε διαστήματα 30 λεπτών (από προεπιλογή) όποτε εκτελείται το Outlook. Η εισερχόμενη αλληλογραφία σας μπαίνει αυτόματα στο φάκελο Εισερχόμενα. Μπορείτε επίσης να ξεκινήσετε μια χειροκίνητη διαδικασία αποστολής / λήψης σε ...

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Πώς να γράφετε σημειώσεις στο OneNote 2013 για συσκευές iOS - dummies

Για συσκευές IOS. Υπάρχουν πολλές λειτουργίες, παρόλο που η έκδοση του App της OneNote και η πλήρης εφαρμογή OneNote 2013 έχουν περισσότερη λειτουργικότητα. Πώς να δημιουργήσετε μια νέα σημείωση σε συσκευές iOS Μπορείτε να δημιουργήσετε μια νέα σημείωση, ανεξάρτητα από το πού βρίσκεστε στο OneNote, αν βλέπετε ...

Η επιλογή των συντακτών

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Πώς να ρυθμίσετε την τοποθέτηση και το μέγεθος στην άκρη Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεις όσον αφορά την τοποθέτηση και το μέγεθος. Πολλά από αυτά τα χαρακτηριστικά λειτουργούν καλύτερα όταν φωλιάζουν στοιχεία, έτσι θέλετε να κατανοήσετε πώς λειτουργεί ο πίνακας στοιχείων. Η τοποθέτηση αναφέρεται στις συντεταγμένες του στοιχείου που σχετίζεται είτε με το Στάδιο είτε με το γονικό στοιχείο όταν ένα ...

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Παγκόσμια ή Εφαρμοσμένες ρυθμίσεις στο Adobe Edge Animate - dummies

Adobe Edge Animate CC δεν έχει έλλειψη ρυθμίσεων όταν πρόκειται για την τοποθέτηση και το μέγεθος. Οι ρυθμίσεις "Παγκόσμια" και "Εφαρμοσμένες" δεν τροποποιούν τις ρυθμίσεις, αλλά παρέχουν ένα μέσο για την εμφάνιση της σχετικής τοποθέτησης μεταξύ των ενσωματωμένων στοιχείων. Μπορεί να αναρωτιέστε ότι η διαφορά είναι μεταξύ των ρυθμίσεων Global και Applied. Εδώ είναι η ουσία: Παγκόσμιες ρυθμίσεις ...

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Πώς να προσθέσετε ενέργειες σε στοιχεία στο Edge Animate - dummies

Ένα ιδιαίτερα ισχυρό χαρακτηριστικό του Adobe Edge Animate Το CC είναι η δυνατότητα να προσθέσετε στη σύνθεση σας δράσεις, ενεργοποιητές, ετικέτες και χαρακτηριστικά δρομέα. Αυτά τα εργαλεία είναι αυτό που χρησιμοποιείτε για να κάνετε το κινούμενο γραφικό σας διαδραστικό, ώστε το κοινό σας να μπορεί να συμμετέχει σε αυτό που κάνει το κινούμενο σχέδιο σας αντί να πρέπει να καθίσετε εκεί και να παρακολουθήσετε παθητικά. Ένας ...