Font size
Worksheetshtml/css
Total questions: 25
Worksheet time: 23mins
Ποιο στοιχείο χρησιμοποιείται για να δημιουργήσεις μια παράγραφο;
(a)
Ποιο από τα παρακάτω είναι έγκυρος επιλογέας CSS για ένα στοιχείο με το id "myDiv";
#myDiv
.myDiv
myDiv
div#myDiv
Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις περιθώριο γύρω από ένα στοιχείο;
border
padding
margin
space
Ποιο στοιχείο χρησιμοποιείται για να δημιουργήσεις μια λίστα με αριθμημένα στοιχεία;
(a)
Ποια ιδιότητα CSS χρησιμοποιείται για να κάνεις ένα στοιχείο να εμφανίζεται σε πολλές γραμμές;
(a)
Ποιο από τα παρακάτω είναι ένα έγκυρο σχόλιο στο CSS;
// This is a comment
/* This is a comment */
# This is a comment
Ποια ιδιότητα CSS χρησιμοποιείται για να αλλάξεις το μέγεθος της γραμματοσειράς;
(a)
Ποιο στοιχείο HTML χρησιμοποιείται για να δημιουργήσεις μια σύνδεση προς μια άλλη σελίδα;
<a>
<link>
<url>
<href>
Ποια ιδιότητα CSS χρησιμοποιείται για να κεντράρεις ένα στοιχείο οριζόντια μέσα στον γονικό του;
text-align: center;
margin: auto;
align-items: center;
justify-content: center;
Πώς μπορείς να δημιουργήσεις μια γραμμή με διακεκομμένη γραμμή;
(a)
padding τι ακριβώς δημιουργεί;
Δημιουργεί χώρο μέσα σε ένα στοιχείο, μεταξύ του περιεχομένου του στοιχείου και των ορίων του.
Δημιουργεί χώρο γύρω από ένα στοιχείο, μεταξύ του στοιχείου και των γειτονικών του στοιχείων.
Ποιο από τα παρακάτω είναι ο κύριος σκοπός των floats στο CSS;
Να δημιουργήσουν χώρο γύρω από ένα στοιχείο.
Να τοποθετήσουν στοιχεία δίπλα-δίπλα.
Να αλλάξουν το χρώμα του φόντου ενός στοιχείου.
Να δημιουργήσουν μια γραμμή με διακεκομμένη γραμμή.
Ποιο στοιχείο HTML χρησιμοποιείται ως βάση για τη δημιουργία μιας φόρμας;
div
form
section
article
Ποια είναι η σωστή σύνταξη για να δημιουργήσεις ένα κουμπί με στρογγυλεμένες γωνίες στο CSS;
border-radius: 5px;
rounded-corners: 5px;
corner-radius: 5px;
curved-corners: 5px;
Μπορείς να δημιουργήσεις μια απλή φόρμα επικοινωνίας
χρησιμοποιώντας τα στοιχεία <form>, <input>, <label> και <button>.
ναι
οχι
Πώς μπορείς να δημιουργήσεις μια πλωτή μπάρα (navigation bar);
(a)
ένα παράδειγμα κώδικα HTML για να δημιουργήσεις μια ενότητα με τίτλο και παράγραφο.
<section>
<h2>Τίτλος Ενότητας</h2>
<p>Αυτό είναι το περιεχόμενο της ενότητας.</p>
</section>
Σωστό
Λάθος
Για να κρύψεις ένα στοιχείο από την οθόνη χωρίς να το διαγράψεις από τον κώδικα
.hidden {
display: none;
}
Σωστό
Λάθος
Ποιο από τα παρακάτω μοντέλα διάταξης θεωρείται πιο ισχυρό για τη δημιουργία ευέλικτων και σύνθετων layouts;
flexbox/grid
float
inline-block
Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις ένα layout που προσαρμόζεται αυτόματα σε διαφορετικά μεγέθη οθόνης;
responsive-design
adaptive-layout
fluid-layout
media-query
Ποιο από τα παρακάτω είναι ένα πλεονέκτημα του Flexbox σε σχέση με το float;
Είναι πιο εύκολο να κατανοηθεί και να χρησιμοποιηθεί.
Είναι πιο κατάλληλο για πολύπλοκα layouts.
Είναι πιο συμβατό με παλιότερους browsers.
Όλα τα παραπάνω.
Ποια ιδιότητα CSS χρησιμοποιείται για να δημιουργήσεις ένα στοιχείο που παραμένει σταθερό στην οθόνη, ανεξάρτητα από το scrolling;
position: static
position: relative
position: absolute
position: fixed
ΣΧΕΔΙΑΣΤΕ ΤΗΝ ΙΔΙΟΤΗΤΑ margin ΣΕ ΣΧΕΣΗ ΜΕ ΤΟ ΚΕΙΜΕΝΟ

Πώς μπορείς να δημιουργήσεις ένα animation χρησιμοποιώντας CSS;
Πώς μπορείς να δημιουργήσεις ένα modal window;
