top 30 popular css interview questions
Λίστα με τις πιο δημοφιλείς ερωτήσεις συνέντευξης CSS με απαντήσεις:
ο CSS Ερωτήσεις που καλύπτουν σχεδόν όλες τις βασικές και προηγμένες κατηγορίες CSS εξηγούνται με παραδείγματα.
Το CSS είναι ένα από τα πιο βασικά χαρακτηριστικά της ανάπτυξης Web. Είναι μια γλώσσα με την οποία μπορούμε να περιγράψουμε την εμφάνιση των ιστοσελίδων.
Ως εκ τούτου, είναι απαραίτητο να καλυφθούν όλα τα βασικά και προηγμένα τμήματα του CSS. Για να γίνετε ένας καλός προγραμματιστής ιστού και να σπάσετε με επιτυχία τη συνέντευξη προγραμματιστή ιστού, πρέπει να μάθετε CSS.
Συχνές ερωτήσεις συνέντευξης CSS
Παρακάτω δίνεται η λίστα με τις πιο συχνές ερωτήσεις και απαντήσεις συνέντευξης CSS με απλούς όρους για την εύκολη κατανόησή σας.
Ας αρχίσουμε!!
Q # 1) Τι είναι το CSS;
Απάντηση: Το CSS περιγράφει το στυλ μιας ιστοσελίδας HTML. Είναι μια γλώσσα με την οποία μπορούμε να ρυθμίσουμε τη συμπεριφορά μιας ιστοσελίδας HTML. Περιγράφει πώς θα εμφανίζεται το περιεχόμενο HTML στην οθόνη.
Το CSS ελέγχει τη διάταξη πολλών ιστοσελίδων HTML. Το CSS αναφέρεται ως Cascading Style Sheet.
Q # 2) Ονομάστε όλες τις ενότητες που χρησιμοποιούνται στην τρέχουσα έκδοση του CSS.
Απάντηση: Υπάρχουν πολλές ενότητες στο CSS όπως αναφέρεται παρακάτω:
- Επιλογείς
- Μοντέλο κουτιού
- Υπόβαθρα και σύνορα
- Εφέ κειμένου
- 2D / 3D μετασχηματισμοί
- Κινούμενα σχέδια
- Διάταξη πολλαπλών στηλών
- Διεπαφή χρήστη
Q # 3) Διάκριση μεταξύ CSS2 και CSS3.
Απάντηση: Οι διαφορές μεταξύ CSS2 και CSS3 είναι οι εξής:
- Το CSS3 χωρίζεται σε δύο διάφορες ενότητες που ονομάζονται ενότητα. Ενώ στο CSS2 όλα εντάσσονται σε ένα ενιαίο έγγραφο με όλες τις πληροφορίες σε αυτό.
- Οι μονάδες CSS3 υποστηρίζονται σχεδόν σε κάθε πρόγραμμα περιήγησης και, από την άλλη πλευρά, οι λειτουργικές μονάδες CSS και CSS2 δεν υποστηρίζονται σε κάθε πρόγραμμα περιήγησης.
- Στο CSS3, θα διαπιστώσουμε ότι έχουν εισαχθεί πολλά χαρακτηριστικά που σχετίζονται με γραφικά όπως Border-radius ή box-shadow, flexbox.
- Στο CSS3, ένας χρήστης μπορεί να προσδιορίσει με ακρίβεια πολλές εικόνες φόντου σε μια ιστοσελίδα χρησιμοποιώντας ιδιότητες όπως στυλ φόντου, θέσης φόντου και στυλ επανάληψης φόντου.
Q # 4) Αναφέρετε διαφορετικούς τύπους CSS.
Απάντηση: Υπάρχουν τρεις τύποι CSS όπως αναφέρονται παρακάτω:
- Εξωτερικός: Αυτά είναι γραμμένα σε ξεχωριστά αρχεία.
- Εσωτερικός: Αυτά αναφέρονται στην κορυφή του εγγράφου κώδικα της ιστοσελίδας.
- Στη γραμμή: Αυτά είναι γραμμένα ακριβώς δίπλα στο κείμενο.
Ε # 5) Γιατί είναι χρήσιμο το εξωτερικό φύλλο στυλ;
Απάντηση: Το εξωτερικό φύλλο στυλ είναι πολύ χρήσιμο καθώς γράφουμε όλους τους κωδικούς στυλ σε ένα αρχείο και μπορεί να χρησιμοποιηθεί οπουδήποτε αναφερόμενος μόνο στον σύνδεσμο αυτού του εξωτερικού αρχείου φύλλου στυλ.
Έτσι, εάν κάνουμε οποιεσδήποτε αλλαγές σε αυτό το εξωτερικό αρχείο, τότε οι αλλαγές μπορούν επίσης να παρατηρηθούν στην ιστοσελίδα. Έτσι μπορούμε να πούμε ότι είναι πολύ χρήσιμο και κάνει τη δουλειά σας εύκολη ενώ εργάζεστε σε μεγαλύτερα αρχεία.
Q # 6) Ποιες είναι οι χρήσεις ενός ενσωματωμένου φύλλου στυλ ;
Απάντηση: Το ενσωματωμένο φύλλο στυλ μας δίνει το προνόμιο να ορίσουμε στυλ σε ένα μέρος σε ένα έγγραφο HTML.
Μπορούμε να δημιουργήσουμε πολλές κατηγορίες χρησιμοποιώντας ένα ενσωματωμένο φύλλο στυλ για χρήση σε πολλούς τύπους ετικετών μιας ιστοσελίδας και επίσης δεν απαιτείται επιπλέον λήψη για την εισαγωγή των πληροφοριών.
Παράδειγμα:
p { font-family: georgia, serif; font-size: x-large; color:#ff9900; } a:hover { color: LimeGreen; text-decoration: none; } Embedded style sheet gives us the privilege to define styles at one place in a HTML document. We can generate multiple classes using embedded style sheet to use on multiple tag types a web page and also there is no extra downloading required importing the information.
Q # 7) Πώς να χρησιμοποιήσετε τον επιλογέα CSS;
Απάντηση: Χρησιμοποιώντας τον επιλογέα CSS, μπορούμε να επιλέξουμε το περιεχόμενο που θέλουμε να σχεδιάσουμε έτσι ώστε να μπορούμε να πούμε ότι είναι μια γέφυρα μεταξύ του φύλλου στυλ και των αρχείων HTML.
Η σύνταξη για τον επιλογέα CSS είναι στοιχεία 'select' HTML που δημιουργούνται στο αναγνωριστικό, την τάξη, τον τύπο κ.λπ.
Ε # 8) Εξηγήστε την έννοια του Tweening.
Απάντηση: Το Tweening είναι η διαδικασία με την οποία δημιουργούμε ενδιάμεσα πλαίσια μεταξύ δύο εικόνων για να πάρουμε την εμφάνιση της πρώτης εικόνας που εξελίσσεται στη δεύτερη εικόνα.
Χρησιμοποιείται κυρίως για τη δημιουργία κινούμενων σχεδίων.
Q # 9) Ορίστε σενάρια εικόνας CSS.
Απάντηση: Τα σενάρια εικόνας CSS είναι μια ομάδα εικόνων που τοποθετούνται σε μία εικόνα. Μειώνει το χρόνο φόρτωσης και τον αριθμό αιτήματος στο διακομιστή ενώ προβάλλει πολλές εικόνες σε μία ιστοσελίδα.
Q # 10) Εξηγήστε τον όρο Responsive web design.
Απάντηση: Είναι μια μέθοδος με την οποία σχεδιάζουμε και αναπτύσσουμε μια ιστοσελίδα σύμφωνα με τις δραστηριότητες και τις συνθήκες των χρηστών που βασίζονται σε διάφορα στοιχεία όπως το μέγεθος της οθόνης, η φορητότητα της ιστοσελίδας στις διάφορες συσκευές κ.λπ. διαφορετικές ευέλικτες διατάξεις και πλέγματα.
Q # 11) Τι είναι οι μετρητές CSS;
Απάντηση: Οι μετρητές CSS είναι μεταβλητές που μπορούν να αυξηθούν από κανόνες του CSS που επιθεωρούν παρακολουθούν πόσες φορές έχει χρησιμοποιηθεί η μεταβλητή.
Q # 12) Τι είναι η ειδικότητα CSS;
Απάντηση: Η εξειδίκευση CSS είναι μια βαθμολογία ή κατάταξη που αποφασίζει ποια δήλωση στυλ πρέπει να χρησιμοποιηθεί σε ένα στοιχείο. (*) αυτός ο καθολικός επιλογέας έχει χαμηλή ειδικότητα, ενώ οι επιλογείς ταυτότητας έχουν υψηλή ειδικότητα.
Υπάρχουν τέσσερις κατηγορίες στο CSS που επιτρέπουν το επίπεδο ειδικότητας του επιλογέα.
- Ενσωματωμένο στυλ
- Αναγνωριστικά
- Τάξεις, χαρακτηριστικά και ψευδο-τάξεις.
- Στοιχεία και ψευδο-στοιχεία.
Ε # 13) Πώς μπορούμε να υπολογίσουμε την ειδικότητα;
Απάντηση: Για να υπολογίσουμε την ειδικότητα θα ξεκινήσουμε με 0, τότε πρέπει να προσθέσουμε 1000 για κάθε αναγνωριστικό και πρέπει να προσθέσουμε 10 στα χαρακτηριστικά, τάξεις ή ψευδο-κλάσεις με κάθε όνομα στοιχείου ή ψευδο-στοιχείο και αργότερα πρέπει να προσθέσουμε 1 σε αυτά .
Παράδειγμα:
h2 #content h2 heading
Ε # 14) Πώς κάνουμε μια στρογγυλεμένη γωνία χρησιμοποιώντας CSS;
Απάντηση: Μπορούμε να κάνουμε μια στρογγυλεμένη γωνία χρησιμοποιώντας την ιδιότητα 'border-radius'. Μπορούμε να εφαρμόσουμε αυτήν την ιδιότητα σε οποιοδήποτε στοιχείο.
Παράδειγμα:
#rcorners1 { border-radius: 25px; background: #715751; padding: 20px; width: 200px; height: 150px; } Rounded corners for an element with a specified background color:
Rounded corners!
Ε # 15) Πώς θα προσθέσετε εικόνες περιγράμματος σε ένα στοιχείο HTML;
Απάντηση: Μπορούμε να ορίσουμε την εικόνα να χρησιμοποιείται ως εικόνα περιγράμματος παράλληλα με ένα στοιχείο χρησιμοποιώντας την ιδιότητα του CSS 'border-image'.
Παράδειγμα:
#borderimg { border: 15px solid transparent; padding: 20px; border-image: url(border.png) 30 round; }
Q # 16) Τι είναι οι κλίσεις στο CSS;
Απάντηση: Είναι μια ιδιότητα του CSS που σας επιτρέπει να εμφανίσετε μια ομαλή μετατροπή μεταξύ δύο ή περισσότερων από δύο καθορισμένων χρωμάτων.
Υπάρχουν δύο τύποι ντεγκραντέ που υπάρχουν στο CSS. Αυτοί είναι:
- Γραμμική κλίση
- Ακτινική κλίση
Q # 17) Τι είναι το CSS flexbox;
Απάντηση: Σας επιτρέπει να σχεδιάσετε μια ευέλικτη δομή διάταξης απόκρισης χωρίς να χρησιμοποιήσετε καμία ιδιότητα float ή positioning του CSS. Για να χρησιμοποιήσετε το CSS flexbox πρέπει πρώτα να ορίσετε ένα flex container.
Παράδειγμα:
.flex-container { display: flex; background-color: #f4b042; } .flex-container > div { background-color: #d60a33; margin: 10px; padding: 20px; font-size: 30px; } 1 2 3 Example of flex box.
Q # 18) Γράψτε όλες τις ιδιότητες του flexbox.
Απάντηση: Υπάρχουν πολλές ιδιότητες του flexbox που χρησιμοποιούνται στην ιστοσελίδα HTML.
Αυτοί είναι:
- ευέλικτη κατεύθυνση
- flex-wrap
- ευέλικτη ροή
- αιτιολόγηση-περιεχόμενο
- Στοίχιση-αντικείμενα
- ευθυγράμμιση περιεχομένου
Q # 19) Πώς να ευθυγραμμίσετε την εικόνα κάθετα σε ένα τμήμα που εκτείνεται κάθετα σε ολόκληρη την ιστοσελίδα;
Απάντηση: Αυτό μπορεί να γίνει με τη χρήση της σύνταξης verticle-align: mid στο στοιχείο και ακόμη και μπορούμε να συνδέσουμε τα δύο ανοίγματα κειμένου γύρω από ένα άλλο εύρος και μετά από αυτό, πρέπει να χρησιμοποιήσουμε το verticle-align: middle στο περιεχόμενο #icon.
Q # 20) Ποια είναι η διαφορά μεταξύ της επένδυσης και του περιθωρίου;
Απάντηση: Στο CSS, το περιθώριο είναι η ιδιότητα με την οποία μπορούμε να δημιουργήσουμε χώρο γύρω από στοιχεία. Μπορούμε ακόμη και να δημιουργήσουμε χώρο στα εξωτερικά καθορισμένα σύνορα.
Στο CSS, έχουμε περιουσία περιθωρίου ως εξής:
- περιθώριο
- περιθώριο-δεξιά
- περιθώριο-κάτω
- Περιθώριο αριστερά
Η ιδιότητα περιθωρίου έχει ορισμένες καθορισμένες τιμές όπως φαίνεται παρακάτω.
- Αυτόματο - Η χρήση αυτού του προγράμματος περιήγησης ιδιοτήτων υπολογίζει το περιθώριο.
- Μήκος - Ορίζει τις τιμές περιθωρίου σε px, pt, cm κ.λπ.
- % - Ορίζει το πλάτος% του στοιχείου.
- Κληρονομιά - Με αυτήν την ιδιότητα μπορούμε να κληρονομήσουμε την ιδιότητα περιθωρίου από το γονικό στοιχείο.
Στο CSS, η επένδυση είναι η ιδιότητα με την οποία μπορούμε να δημιουργήσουμε χώρο γύρω από το περιεχόμενο ενός στοιχείου, καθώς και μέσα σε οποιοδήποτε γνωστό περίγραμμα.
Το CSS padding έχει επίσης ιδιότητες όπως,
- Επένδυση
- Επένδυση-δεξιά
- Επένδυση-κάτω
- Επένδυση-αριστερά
Οι αρνητικές τιμές δεν επιτρέπονται στο παραγέμισμα.
div { padding-top: 60px; padding-right: 40px; padding-bottom: 50px; padding-left: 70px; }
Q # 21) Ποια είναι η χρήση του Model Box στο CSS;
Απάντηση: Στο CSS, το μοντέλο κουτιού είναι ένα πλαίσιο που δεσμεύει όλα τα στοιχεία HTML και περιλαμβάνει λειτουργίες όπως περιθώρια, περιθώρια, παραγέμισμα και το πραγματικό περιεχόμενο.
Χρησιμοποιώντας ένα μοντέλο κουτιού θα έχουμε την εξουσία να προσθέσουμε τα περιγράμματα γύρω από τα στοιχεία και μπορούμε επίσης να ορίσουμε το διάστημα μεταξύ των στοιχείων.
Ε # 22) Πώς μπορούμε να προσθέσουμε εικονίδια στην ιστοσελίδα;
Απάντηση: Μπορούμε να προσθέσουμε εικονίδια στην ιστοσελίδα HTML χρησιμοποιώντας μια βιβλιοθήκη εικονιδίων όπως η γραμματοσειρά.
Πρέπει να προσθέσουμε το όνομα της δεδομένης κλάσης εικονιδίων σε οποιοδήποτε ενσωματωμένο στοιχείο HTML. ( ή). Τα εικονίδια στις βιβλιοθήκες εικονιδίων είναι κλιμακούμενα διανύσματα που μπορούν να προσαρμοστούν με CSS.
Q # 23) Τι είναι μια ψευδο-κλάση CSS;
Απάντηση: Είναι μια κλάση που χρησιμοποιείται για τον ορισμό μιας ειδικής κατάστασης ενός στοιχείου HTML.
Αυτή η τάξη μπορεί να χρησιμοποιηθεί με το στυλ ενός στοιχείου όταν ένας χρήστης καταλαβαίνει πάνω του και επίσης μπορεί να διαμορφώσει ένα στοιχείο HTML όταν παίρνει την εστίαση.
selector:pseudo-class { property:value; }
Q # 24) Εξηγήστε την έννοια των ψευδο-στοιχείων στο CSS.
Απάντηση: Είναι ένα χαρακτηριστικό του CSS που χρησιμοποιείται για το στυλ των δεδομένων τμημάτων ενός στοιχείου.
Για παράδειγμα ,μπορούμε να σχεδιάσουμε το πρώτο γράμμα ή τη γραμμή ενός στοιχείου HTML.
selector::pseudo-element { property:value; }
Q # 25) Τι είναι η αδιαφάνεια CSS;
Απάντηση: Είναι η ιδιότητα που επεξεργάζεται τη διαφάνεια ενός στοιχείου.
Με αυτήν την ιδιότητα, μπορούμε να κάνουμε διαφανή την εικόνα που μπορεί να πάρει τις τιμές από 0,0-1,0. Εάν η τιμή είναι χαμηλότερη, τότε η εικόνα είναι πιο διαφανής. Το IE8 και οι παλαιότερες εκδόσεις του προγράμματος περιήγησης μπορούν να πάρουν τις τιμές από 0-100.
img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}
Q # 26) Γράψτε όλες τις καταστάσεις θέσης που χρησιμοποιούνται στο CSS.
Απάντηση: Στο CSS, υπάρχουν τέσσερις καταστάσεις θέσεων όπως αναφέρονται παρακάτω:
- Στατικό (προεπιλογή)
- Συγγενής
- Σταθερός
- Απόλυτος
Q # 27) Τι είναι οι γραμμές πλοήγησης στο CSS;
Απάντηση: Χρησιμοποιώντας γραμμές πλοήγησης μπορούμε να κάνουμε μια συνηθισμένη σελίδα HTML σε μια συγκεκριμένη για τον χρήστη και πιο δυναμική ιστοσελίδα. Βασικά, είναι μια λίστα συνδέσμων, εξ ου και η χρήση του
- και
- τα στοιχεία έχουν την τέλεια έννοια.
ul { list-style-type: none; margin: 0; padding: 0; }
Q # 28) Ποιες είναι οι διαφορές μεταξύ σχετικού και απόλυτου στο CSS;
Απάντηση: Η κύρια διαφορά μεταξύ σχετικού και απόλυτου είναι ότι το «σχετικό» χρησιμοποιείται για την ίδια ετικέτα στο CSS και αυτό σημαίνει ότι αν γράψουμε το αριστερό: 10px τότε το padding θα μετακινηθεί στα 10px στα αριστερά ενώ το απόλυτο είναι εντελώς σχετικό με το στατικός γονέας.
Σημαίνει, αν γράψουμε αριστερά: 10px τότε το αποτέλεσμα θα είναι 10px μακριά από την αριστερή άκρη του γονικού στοιχείου.
Q # 29) Ορίστε τις «σημαντικές» δηλώσεις που χρησιμοποιούνται στο CSS.
Απάντηση: Οι σημαντικές δηλώσεις ορίζονται ως η δήλωση που έχει μεγαλύτερη σημασία από την κανονική δήλωση.
Κατά την εκτέλεση, αυτές οι δηλώσεις αντικαθιστούν τη δήλωση που έχει λιγότερη σημασία.
Για παράδειγμα, Εάν υπάρχουν δύο χρήστες που έχουν μια σημαντική δήλωση, τότε μία από τις δηλώσεις θα αντικαταστήσει τη δήλωση ενός άλλου χρήστη.
Για παράδειγμα:
Σώμα {φόντο: # FF00FF! Σημαντικό; χρώμα: μπλε}ερωτήσεις και απαντήσεις για συνέντευξη δοκιμής λογισμικού για πιο φρέσκα
Σε αυτό το σώμα, το φόντο έχει περισσότερο βάρος από το χρώμα.
Q # 30) Ορίστε διαφορετικές μεθόδους που μπορούν να χρησιμοποιηθούν εντός της σειράς.
Απάντηση: Η σειρά Cascading είναι μια μέθοδος ταξινόμησης που επιτρέπει πολλές άλλες διαφορετικές μεθόδους ταξινόμησης:
α) Ταξινόμηση κατά προέλευση: Υπάρχουν ορισμένοι κανόνες που μπορούν να παρέχουν έναν εναλλακτικό τρόπο που ορίζεται ως:
- Το κανονικό βάρος του φύλλου στυλ ενός συγκεκριμένου παρόχου θα αντικατασταθεί από το αυξημένο βάρος του φύλλου στυλ του χρήστη.
- Οι κανόνες του φύλλου στυλ ενός συγκεκριμένου χρήστη θα αντικατασταθούν από το κανονικό πλάτος του φύλλου στυλ του παρόχου.
β) Ταξινόμηση με βάση την ειδικότητα του επιλογέα: Ο λιγότερο συγκεκριμένος επιλογέας παρακάμπτεται από τον πιο συγκεκριμένο επιλογέα.
Για παράδειγμα , Ένας επιλογέας με βάση τα συμφραζόμενα είναι λιγότερο συγκεκριμένος σε σύγκριση με τον επιλογέα ταυτότητας που είναι πιο συγκεκριμένος και με αυτόν τον επιλογέα με βάση τα συμφραζόμενα έχει αντικατασταθεί από τον επιλογέα ταυτότητας.
γ) Ταξινόμηση κατά καθορισμένη σειρά: Αυτό έρχεται στο σενάριο όταν οι δύο επιλογείς έχουν το ίδιο βάρος και τις άλλες ιδιότητες εκτός από τις προδιαγραφές που θα θεωρηθούν υπερισχύουσες.
Παράδειγμα:
Όλα τα άλλα στυλ θα παρακαμφθούν εάν το χαρακτηριστικό style χρησιμοποιείται για ενσωματωμένο στυλ.
Και επίσης, εάν το στοιχείο σύνδεσης χρησιμοποιείται για εξωτερικό στυλ, τότε θα παρακάμψει το εισαγόμενο στυλ.
Q # 31) Διαχωρίστε το στοιχείο inline και block.
Απάντηση: Το ενσωματωμένο στοιχείο δεν έχει στοιχείο για να ορίσει το πλάτος και το ύψος και επίσης δεν έχει το διάλειμμα γραμμής.
Παράδειγμα: em, ισχυρά κ.λπ.
Προδιαγραφή στοιχείου αποκλεισμού:
- Έχουν το διάλειμμα.
- Καθορίζουν το πλάτος ρυθμίζοντας ένα δοχείο και επιτρέπουν επίσης τη ρύθμιση του ύψους.
- Μπορεί επίσης να περιέχει ένα στοιχείο που εμφανίζεται στο ενσωματωμένο στοιχείο.
Παράδειγμα:
πλάτος και ύψος
μέγιστο πλάτος και μέγιστο ύψος
ελάχιστο πλάτος και ελάχιστο ύψος
γεια (i = 1-6) - στοιχείο επικεφαλίδας
p- Στοιχείο παραγράφου.Q # 32) Πώς εφαρμόζεται η έννοια της κληρονομιάς στο CSS;
Απάντηση: Η κληρονομικότητα είναι μια έννοια στην οποία η παιδική τάξη θα κληρονομήσει τις ιδιότητες της μητρικής της τάξης. Είναι μια έννοια που χρησιμοποιείται σε πολλές γλώσσες και είναι ο εύκολος τρόπος για να ορίσετε ξανά την ίδια ιδιότητα.
Χρησιμοποιείται στο CSS για τον ορισμό της ιεραρχίας από το ανώτερο στο κάτω επίπεδο. Οι κληρονομικές ιδιότητες μπορούν να παρακαμφθούν από την τάξη των παιδιών εάν το παιδί χρησιμοποιεί το ίδιο όνομα.
Παράδειγμα:
Σώμα {font-size: 15pt;}
Και ένας άλλος ορισμός ορίζεται στην παιδική τάξη
Σώμα {font-size: 15pt;}
H1 {font-size: 18pt;}Όλο το κείμενο της παραγράφου θα εμφανίζεται χρησιμοποιώντας την ιδιότητα και θα οριστεί στο σώμα εκτός από το στυλ H1 που θα εμφανίζει το κείμενο μόνο στη γραμματοσειρά 18.
Q # 33) Διαχωρίστε το αναγνωριστικό και την τάξη.
Απάντηση: Τόσο το αναγνωριστικό όσο και η τάξη έχουν χρησιμοποιηθεί σε HTML και εκχωρούν την τιμή από το CSS.
Βρείτε παρακάτω τις διαφορές:
- Το αναγνωριστικό είναι ένα είδος στοιχείου που εκχωρεί μοναδικά ένα όνομα σε ένα συγκεκριμένο στοιχείο, ενώ η κλάση έχει ένα στοιχείο με ένα συγκεκριμένο σύνολο ιδιοτήτων που μπορούν να χρησιμοποιηθούν για ολόκληρο το μπλοκ.
- Το αναγνωριστικό μπορεί να χρησιμοποιηθεί ως στοιχείο επειδή μπορεί να το αναγνωρίσει μοναδικά, ενώ η κλάση ορίζεται επίσης για να αποκλείει τα στοιχεία και εφαρμόζει πάρα πολλές ετικέτες όπου χρησιμοποιείται.
- Το ID παρέχει τον περιορισμό για τη χρήση των ιδιοτήτων του σε ένα συγκεκριμένο στοιχείο, ενώ στην κλάση η κληρονομιά εφαρμόζεται σε ένα συγκεκριμένο μπλοκ ή ομάδα του στοιχείου.
συμπέρασμα
Αυτή η λίστα ερωτήσεων και απαντήσεων της συνέντευξης θα σας βοηθήσει να σπάσετε τη συνέντευξη για προγραμματιστές Ιστού τόσο πιο φρέσκο όσο και επίπεδο εμπειρίας. Αυτές είναι οι συχνές ερωτήσεις που τίθενται στη συνέντευξη.
Ελπίζω ότι αυτό το άρθρο θα σας βοηθήσει να σπάσετε και να αντιμετωπίσετε οποιαδήποτε συνέντευξη που σχετίζεται με το CSS για έναν προγραμματιστή Web
Προτεινόμενη ανάγνωση = >> Ερωτήσεις και απαντήσεις συνέντευξης προγραμματιστή Ιστού
Σας ευχόμαστε καλή επιτυχία !!
Συνιστώμενη ανάγνωση