CSS Αποτελέσματα: στρογγυλεμένες γωνίες των στοιχείων

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

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

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

Κλασικό Ευθεία σχεδιασμό

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

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

Γενικοί κανόνες για CSS

Φύλλα Στυλ προσφέρουν για να περιγράψει τα στοιχεία ως εξής:

• ιδιότητα: τιμή.

Στην περίπτωση αυτή, το ακίνητο - συγκεκριμένο όνομα και η τιμή μπορεί να είναι είτε ένα όνομα ή μια λίστα από ονόματα ή τις τιμές.

Όσον αφορά τα στοιχεία μπλοκ και την ανάγκη να κάνουμε με CSS στρογγυλεμένες γωνίες, είναι λογικό να χρησιμοποιήσετε την ιδιότητα border-radius και την αξία του με τη μορφή «38px» ή «8 εικονοστοιχεία 16px 24px 38px».

Εάν η τιμή που δίνεται από έναν αριθμό, θα πρέπει να ρυθμιστεί σε αυτές για όλες τις γωνίες. Καταγράψτε όλες τις τέσσερις τιμές είναι οι εξής:

• πρώτος αριθμός - στην πάνω αριστερή γωνία?
• το δεύτερο - στην πάνω δεξιά?
• το τρίτο - στο κάτω δεξιά?
• τελευταία - στο κάτω αριστερά.

Κοινή ορισμένοι από τους κανόνες

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

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

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

Χαρακτηριστικά HTML, CSS από προγράμματα περιήγησης

Καλώς χονδρικής καταγραφή Style - για όλα τα προγράμματα περιήγησης ταυτόχρονα. Τέλος πάντων κλασικά παραδείγματα σχετικά με το θέμα «το CSS: στρογγυλεμένες γωνίες» προσφορά για να γράψει έτσι:

φόντο: # FF7F00? / * Ιστορικό * /

σύνορα: 1px #CCCCCC στερεά? / * Border * /

Μοζ-border-radius: 10px? / * CSS στρογγυλεμένες γωνίες για το Mozilla Firefox * /

-webkit-border-radius: 10px? / * ... για το Safari και Chrome * /

-khtml-border-radius: 10px? / * ... Konquerer * /

σύνορα ακτίνα: 10px? / * Το CSS στρογγυλεμένες γωνίες για όλους * / και ούτω καθεξής. N.

Ωστόσο, στις περισσότερες περιπτώσεις είναι αρκετό για να καθορίσετε το τελευταίο κανόνα. Απόλυση θα πρέπει να χρησιμοποιείται μόνο όταν υπάρχει πραγματική ανάγκη.

Κλασικό και υπέροχο τραπέζι

Παρά τις πολλές διαμάχες υποστηρικτές τραπέζι (tr, td) και την δυνατότητα να χρησιμοποιούν ετικέτες div και βαθμονόμησης ( «θαυμάσια» διάταξη), στόχος πράξη ευνόησε την επιλογή λογικά αναγκαία.

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

Οι περισσότερες από τις ιστοσελίδες που δημιουργήθηκαν με χρήση του CMS (Content Management System), και τη διάθεση του έργου προέρχεται όχι μόνο ένα ευρύ φάσμα «γίγαντα» σύνολα δεδομένων των εκατοντάδων των φακέλων, αντικειμένων, αλλά και πίνακες.

Tag [div | έκταση], ως εκ τούτου, δεν ξεχωρίζουν, αλλά το μόνο πράγμα που έρχεται ακριβώς την πλήρη έλεος του έργου - ένα φύλλο στυλ CSS. Και κάθε CMS χωρίζει σαφώς τον κώδικα, μέρος της από τη δημιουργικότητα του κυρίου του έργου και το δικό τους στυλ της προστιθέμενης στυλ, και στην περίπτωση των αλλαγών (π.χ., CSS - η στρογγυλοποίηση των γωνιών του πίνακα), μπορείτε πάντα να επαναφέρετε τις ρυθμίσεις και τις προεπιλεγμένες μορφές.

Καμπύλες και γωνίες που δεν καλύπτονται από τη σύνταξη

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

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

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

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