CSS: γραμματοσειρά χρώμα, στυλ, πρότυπο, το μέγεθος

Προγραμματισμός - ο καθρέφτης: στην αρχή ήταν ο Λόγος, και δεν αντανακλάται πίσω. Και πολύ γρήγορα θα έπρεπε να «αλλαγή»: το πρώτο κάτοπτρο, τότε η λέξη ... Σε αυτό το σημείο, με υπερχείλιση φύλλο στυλ - είναι καλό, αλλά γιατί τόσο καιρό επρόκειτο να απασχολήσει έναν προγραμματιστή; CSS - είναι όλα τα ίδια ώρα σειρά η εποχή των προγραμμάτων ηλεκτρονικών υπολογιστών, αλλά μόνο σε μια διαφορετική προοπτική. Ακόμα και όταν οι μάζες γίνονται συνειρμική επανάσταση δεν γίνεται.

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

Η γενική λογική της περιγραφής του στυλ

Κατά παράδοση, το στυλ τοποθετείται στο CSS-αρχείο, αλλά μπορεί να αποδοθεί σε ένα συγκεκριμένο στοιχείο στο χαρακτηριστικό στυλ της. Το στυλ μπορεί να δημιουργηθεί στη δυναμική των εργαλείων JavaScript. Ιδιαίτερη σημασία δεν είναι όπως περιγράφεται, για παράδειγμα, με τη βοήθεια των χρωμάτων CSS γραμματοσειρά, το μέγεθος, τα ακουστικά, το υπόβαθρο κάτω από αυτήν και ούτω καθεξής. Τοποθεσία περιγραφή στυλ είναι σημαντικό στο πλαίσιο της, συνήθως δύο ιδέες: η συνέχεια περιγράφεται, γι 'αυτό είναι μια υψηλότερη προτεραιότητα, και σε περίπτωση που περιγράφεται στο στοιχείο, το κάνει σημαντικό !. Τελευταία καταγράφεται ως έχει, ορίζει με σαφήνεια την προτεραιότητα.

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

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

ΠΑΡΑΔΕΙΓΜΑ γενική λογική

Πολύ απλά καθορίζεται από το χρώμα CSS και για τα τρία στοιχεία, είναι δυνατό να πάρει τουλάχιστον τρεις μακροχρόνια προβλήματα:

# Ele1, # Ele2, # Ele3 {
ΘΕΣΗ: απόλυτη?
αριστερά: 20px?
top: 14px?
χρώμα: κόκκινο?
}

# Ele2, # Ele3 {
αριστερά: 90px? // αλλάξτε τις CSS οριζόντιες συντεταγμένες
χρώμα: κίτρινο? // αλλάξετε το χρώμα της γραμματοσειράς CSS
}

# Ele3 {
top: 114px? // αλλάξετε το CSS κάθετη συντεταγμένων

Χρώμα: πράσινο? // αλλάξει και πάλι το χρώμα του CSS γραμματοσειράς

background-color: lightgrey? // χρώμα CSS κειμένου τονίζουν αλλάξει, αλλά αυτό δεν είναι παρούσα στο # Ele1 και # Ele2? θέση άλλαξε επίσης, αλλά αυτό έχει αλλάξει στο # Ele2 και όχι, όπως εν προκειμένω

}

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

Δεν είναι όλοι οι προγραμματιστές σεβαστός απαίτηση CSS: Style ID - μόνο ένα στοιχείο, και το στυλ τάξη - πολλές ετικέτες, εκτός από το τελευταίο πιθανό σημείο στις ετικέτες ως επίθετα:

• ορίσετε το χρώμα της γραμματοσειράς του CSS - κατηγορία groundColor στυλ?
• καθορίστε το μέγεθος της γραμματοσειράς - κατηγορία size15?
• σετ θέση - κατηγορία PlaceUp.

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

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

Το αναμενόμενο αποτέλεσμα της χρήσης κοινής λογικής

Σύγχρονα προγράμματα περιήγησης είναι άνετα με πολλά αρχεία και τους όγκους στυλ. Ωστόσο, το σχεδιασμό, ιδίως μέσω της CSS, το χρώμα ολόκληρη τη σελίδα, θα πρέπει πάντα να σκεφτόμαστε λογική επάρκεια. Δεν είναι όλοι οι κανόνες στυλ «φθηνό» βλέμμα στην εφαρμογή. Απλή λακωνική καταχώρηση: * {χρώμα: λευκό?} - σίγουρα όμορφη, αλλά εφαρμόζεται σε όλα τα στοιχεία της σελίδας, χωρίς καμία εξαίρεση.

Από το σύνολο των κανόνων, το οποίο είναι εξοπλισμένο με CSS, το πιο σημαντικό:

• στυλ - κατηγορία, και στη συνέχεια το όνομα αρχίζει με «»
• στυλ - το αναγνωριστικό και το όνομά του αρχίζει με ένα χαρακτήρα «#»?
• σε άλλες περιπτώσεις - μια ετικέτα το όνομα ή κάτι το ιδιαίτερο

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

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

απροσδόκητες ευκαιρίες

δεν πρέπει να γίνεται κατάχρηση στυλ, όπως * {αριστερά: 124px? } ή

όλης όλη, ol ul, ul ul, ul ολ {margin-bottom: 0? }
α img {border: 0? }

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

CSS - δεν είναι μόνο ένα αρχείο στυλ που συνδέεται με την σελίδα με την ετικέτα συνδέσμου ή εισάγεται μέσω του tag στυλ. Είναι επίσης δυνατό να δημιουργήσετε ένα στυλ σε ώρα πτήσης ή να τροποποιήσετε ένα υπάρχον.

Με τη χρήση CSS, το χρώμα της γραμματοσειράς μπορεί να γίνει μέσω προγραμματισμού. Καθώς και το μέγεθος και τη θέση, τα περιθώρια. Ιστοσελίδα - δεν είναι ένας στόχος για να εφαρμόσουν τις γνώσεις σε CSS, HTML, PHP ή JavaScript εφέ λάμψης.

Web πόρων - είναι πρώτα απ 'όλα των πληροφοριών που προσφέρονται με έναν ορισμένο τρόπο. Αυτός είναι ο λόγος για τον οποίο CSS φαίνεται καλύτερα στη δυναμική μέσα από το φακό του πώς είναι δυνατόν να σχηματιστεί, ενώ η σελίδα είναι ακόμα στο διακομιστή (δεν είναι διαθέσιμο PHP κατά τη στιγμή ήρθε ο επισκέπτης το site, δεν ο κύριος του έργου κατά το χρόνο που ήταν την ανάπτυξη του τόπου), το επιθυμητό στυλ ένα ειδικό κείμενο για το σχετικό περιεχόμενο, ή για να δημιουργήσετε μια κατηγορία στυλ ή αναγνωριστικό on the fly με τη σελίδα λειτουργεί, όταν κοιτάζει ένα συγκεκριμένο επισκέπτη.

στατική δυναμική

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

Εδώ, ο ομιλητής δεν απαιτεί τον αλγόριθμο:

// για να επισημάνετε το κουμπί εισόδου στον ιστότοπο
scfWelcomeOver συνάρτηση () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'ορατά' .;
}

// απόκρυψη του κουμπιού εισαγωγής στην ιστοσελίδα
λειτουργήσει scfWelcomeOut () {
document.getElementById ( 'scDocxNamePiP') style.visibility = 'κρυμμένες' .;
}

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

Δυναμική εμφάνιση του περιεχομένου

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

Αρχικά, υπάρχει μια σελίδα (Ρ), μερικά από το περιεχόμενό σας (Κ), όλες οι ετικέτες της σελίδας που περιγράφεται στο φύλλο στυλ (S). Δεν είναι μια νέα σελίδα φόρμας P μέσω PHP ή Perl στο διακομιστή, επιλέγοντας K από τη βάση δεδομένων. Ισχύον δελτίο τύπου S θα ακολουθήσει αυτόματα. Ωστόσο, Κ μπορεί να αλλάξει, και στις περισσότερες περιπτώσεις, μια τέτοια αλλαγή θα συνεπάγεται την ανάγκη για άλλες μορφές, δηλαδή, S +.

Για παράδειγμα, ο πελάτης δήλωσε: «Η ιστοσελίδα περιγράφει τη ζωή της Μόσχας, θα φανεί καλύτερα αν τα άρθρα ειδήσεων διακοσμημένα με το στυλ του» ZaZavtrakom «περιγράφοντας το βράδυ φασαρία στο στυλ του» Las Vegas “και άρθρα σχετικά με την επιστημονική και τεχνολογική πρόοδο στο στυλ του” ModernTehno ». Αλλά αν κάνουμε S σε τρεις από αυτές τις επιλογές, δεν υπάρχει καμία εγγύηση ότι ο πελάτης δεν θα έχει την ιδέα να έχουμε μια σειρά άρθρων «Νέα», «διακοπές», «Εργασία», «CSS / HTML» μπόνους “HozyaykeNaZametku”.

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

Δυναμική στυλ του JavaScript

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

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

Τρίτον, επιτρέπει ο κύριος του έργου να παρέχει το μηχανισμό επισκέπτη του περιεχομένου σε αυτό το ύφος, το οποίο είναι άνετο. Δεν είναι ακόμη κανέναν.

Για την υλοποίηση αυτής της ιδέας, θα πρέπει να εφαρμόσει ένα μηχανισμό για τη δημιουργία στοιχείων του στυλ, αμέσως μετά τη φόρτωση της σελίδας, και κατά τη διάρκεια της λειτουργίας του. Σύγχρονη ιστοσελίδα - είναι AJAX σε μια συγκεκριμένη μορφή. Δεν είναι δύσκολο να πραγματοποιήσει το σχηματισμό των μορφών άμεσα στη διαδικασία σχηματισμού του δέντρου της σελίδας. Είναι εύκολο, προσιτή και αποτελεσματική, γιατί το περιεχόμενο είναι μαζί με την εγγραφή του.

Αυτό δεν έρχεται σε αντίθεση με τη σύγχρονη τάση να διαχωρίσει την παρουσίαση των δεδομένων από την επεξεργασία που πραγματοποιείται στα δεδομένα και την έξοδο στην οθόνη.

CSS ως ένα δραστικό συστατικό

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

Σε σχέση με το CSS, η διαδικασία αυτή ενεργοποιείται σε ένα εντελώς διαφορετικό πλαίσιο. Built-in εργαλεία σε JavaScript, που επιτρέπει «on the fly» για να δημιουργήσετε στοιχεία και τις μορφές των στοιχείων δεν προβλέπουν ένα τέτοιο ενδεχόμενο, καθώς και οι δημιουργοί της PHP, ιδίως, πιστεύεται ότι εμπλέκεται στη διαμόρφωση της μόνο σε σελίδες HTML.

Τόσο το πρώτο και το δεύτερο επιτρέπει να κάνει στυλ προγραμματισμού. Αυτή η νέα κατεύθυνση στον τομέα της τεχνολογίας των πληροφοριών. Στυλ σημαντικά πιο επίσημη πράγμα από την XML ή HTML, οι κανόνες είναι πολύ απλή. Στυλ είναι πάντα παρούσα στις πληροφορίες, δεν έχει σημασία πόσο φυσικό ήταν.

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

Στο δόγμα στον τομέα του προγραμματισμού

Σαν ένα παγόβουνο, ένα δόγμα δεν μπορεί να μακρά εκτάσεις furrowing πληροφορίες. Η εμπειρία του παρελθόντος έπρεπε να επικεντρωθεί όχι μόνο στην HTML- και CSS πρότυπα, εργαλεία για να συνεργαστεί μαζί τους, την ανάπτυξη της γνώσης.

Ένα απλό έργο - για να κάνουν μέσα από το χρώμα της γραμματοσειράς CSS - έχει βρει την τέλεια λύση. Κανόνες, σύνταξη, η λογική και η άνεση είναι αδιαμφισβήτητη. Αλλά ακόμα και όταν η γραμματοσειρά έχει στην πραγματικότητα δεν πολλά χρώματα για την πρακτική, πάρα πολύ, δεν είναι απαραίτητη, και μάλιστα για τους σκοπούς της πραγματικότητας του virtualization δεν χρειάζονται όλη τη συσσωρευμένη «δύναμη» HTML και CSS, έρχεται μια στιγμή που η περιστασιακή γνώση μεταβείτε στην αναπαραγωγή και εμφανίζονται την εμπειρία και τα εργαλεία του φυσικού σχηματισμού του στυλ του περιεχομένου.

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