Εγχειρίδιο HTML και CSS για αρχάριους

Βασικά της HTML

Εισαγωγή Γλώσσα HTML Ετικέτες HTML Ιδιότητες Στυλ Βασική δομή σελίδας Βασικές ετικέτες Παράγραφοι Επικεφαλίδες Έμφαση κειμένου με έντονη γραφή Έμφαση κειμένου με πλάγια γραφή Αταξινόμητες λίστες Ταξινομημένες λίστες Σύνδεσμοι Εσωτερικοί σύνδεσμοι Εικόνες Πλάτος εικόνας Ύψος εικόνας Ρύθμιση πλάτους και ύψους εικόνας Πίνακες Πλάτος και ύψος πίνακα Κελιά-επικεφαλίδες Πρακτικό μέρος

Βασικά του CSS

Εισαγωγή στο CSS Πώς να εργαστείτε με CSS Τιμές για το χρώμα Οποιαδήποτε χρώματα Πλάτος και ύψος Στοίχιση κειμένου Στοίχιση κειμένου δεξιά Στοίχιση κειμένου στο κέντρο Στοίχιση κειμένου αριστερά Στοίχιση κειμένου ταυτόχρονα δεξιά και αριστερά Πρακτική στη στοίχιση κειμένου Πάχος Πλάγια γραφή Μέγεθος γραμματοσειράς Οικογένεια γραμματοσειράς Διαστήματα γραμμών Τιμή line-height χωρίς μονάδες Συντομευμένη ιδιότητα font Πρώτη γραμμή κειμένου Εφέ κειμένου Υπογράμμιση κειμένου Επάνω γραμμή κειμένου Διαγραφή κειμένου Ακύρωση εφέ για κείμενο Πρακτικό

Επιλογείς

Σχέσεις συγγένειας ετικετών Κληρονομικότητα ιδιοτήτων Ομαδοποίηση επιλογέων Κοινές ιδιότητες Επιλογείς απογόνων Επιλογέας θυγατρικού στοιχείου Επιλογέας κλάσης Ετικέτα span Ετικέτα div Ομαδοποίηση κλάσεων Ετικέτα με συγκεκριμένη κλάση Επιλογέας απογόνων και κλάσεις Σύνθετοι συνδυασμοί επιλογέα απογόνων και κλάσεων Σφάλμα αρχαρίων στον επιλογέα απογόνων Στοιχείο με πολλαπλές κλάσεις Επιλογέας κατά id Επιλογέας κατά id και κλάσεις Χρήση id Επιλογέας κατά πολλαπλών κλάσεων Πολλοί επιλογείς ενωμένοι Σφάλμα πολλών επιλογέων Ομαδοποίηση σύνθετων επιλογέων Σφάλμα κατά την ομαδοποίηση Προπόνηση σε συνδυασμούς επιλογέων Προτεραιότητα επιλογέων Παρατήρηση για τη σύγκρουση ιδιοτήτων Κανόνες ειδικότητας Προτεραιότητα επιλογέων απογόνων Γειτονικός επιλογέας Συγγενικός επιλογέας Καθολικός επιλογέας Επιλογείς ιδιοτήτων Καταστάσεις συνδέσμων Αποχρώσεις ακολουθίας κατάστασης συνδέσμων Καταστάσεις link και visited Συνηθισμένη χρήση κατάστασης συνδέσμων Σύνθετοι επιλογείς με συνδέσμους Σύνδεσμος με κλάση Επιλογή τελικών στοιχείων Επιλογή κατά θέση Επιλογή μοναδικού απογόνου Επιλογή κενών στοιχείων Επιλογή κατά θέση και τύπο στοιχείων Άρνηση not

Διακόσμηση

Χρώμα Φόντου Βασικές Αρχές των Συνόρων Συμπαγές Σύνορο Στιγμιαίο Σύνορο Σύνορο με Παύλες Κυρτό Σύνορο Διπλό Σύνορο Συντομογραφία Ιδιότητας για τα Σύνορα Σύνορα για Διαφορετικές Πλευρές Στρογγυλοποίηση Συνόρων Μπλοκ Στρογγυλοποίηση Συνόρων Φόντου Δημιουργία Κύκλου Στρογγυλοποίηση για Διαφορετικές Γωνίες Τέσσερις Τιμές Δύο Τιμές Τρεις Τιμές Στρογγυλοποίηση σε Ποσοστά Δημιουργία Κύκλου με Στρογγυλοποίηση σε Ποσοστά Εικόνα για Φόντο Επανάληψη Εικόνας Φόντου Άλλες Ιδιότητες για το Φόντο Δείκτες Λιστών ul Τετράγωνοι Δείκτες Λιστών ul Δείκτες Λιστών ul σε Μορφή Κύκλων Δείκτες Λιστών ul σε Μορφή Γεμισμένων Κύκλων Απουσία Δεικτών Λιστών ul Δείκτες Λιστών ol Πεζά Ρωμαϊκά Ψηφία για Λίστες ol Κεφαλαία Ρωμαϊκά Ψηφία για Λίστες ol Πεζά Λατινικά Γράμματα για Λίστες ol Κεφαλαία Λατινικά Γράμματα για Λίστες ol Πεζά Ελληνικά Γράμματα για Λίστες ol Αριθμοί με Μηδέν Μπροστά για Λίστες ol

Μπλοκ Μοντέλο

Εξωτερικό περιθώριο margin Περιθώρια margin για διαφορετικές πλευρές Πολλαπλές τιμές στο margin Τέσσερις τιμές στο margin Δύο τιμές στο margin Τρεις τιμές στο margin Εσωτερικό περιθώριο padding Περιθώρια padding για διαφορετικές πλευρές Πολλαπλές τιμές στο padding Διεύρυνση στοιχείων Επίδραση του περιγράμματος στη διεύρυνση στοιχείων Από κοινού επίδραση padding και περιγράμματος στη διεύρυνση στοιχείων Ακύρωση διεύρυνσης στοιχείων Μπλοκ στοιχεία Πλάτος και ύψος μπλοκ στοιχείου Πλάτος μπλοκ στοιχείου Ύψος μπλοκ στοιχείου Ύψος χωρίς περιεχόμενο Πολλά μπλοκ στοιχεία δίπλα-δίπλα Εν σειρά στοιχεία Πλάτος και ύψος εν σειρά στοιχείου Πολλά εν σειρά στοιχεία δίπλα-δίπλα Περιθώρια μεταξύ εν σειρά στοιχείων Ορισμός του μπλοκ μοντέλου Ιδιότητα display Εν σειρά-μπλοκ στοιχεία Πλάτος και ύψος εν σειρά-μπλοκ στοιχείου Πλάτος εν σειρά-μπλοκ στοιχείου Ύψος εν σειρά-μπλοκ στοιχείου Πολλά εν σειρά-μπλοκ στοιχεία δίπλα-δίπλα Στοίχιση μπλοκ στοιχείων Στοίχιση μπλοκ στοιχείου με περιθώριο αριστερά Στοίχιση μπλοκ στοιχείου με περιθώριο δεξιά Στοίχιση εν σειρά στοιχείων Κεντράρισμα εν σειρά στοιχείων Κεντράρισμα πολλών εν σειρά στοιχείων Στοίχιση εν σειρά στοιχείων στη δεξιά πλευρά Στοίχιση εν σειρά-μπλοκ στοιχείων Κεντράρισμα εν σειρά-μπλοκ στοιχείων Στοίχιση εν σειρά-μπλοκ στοιχείων στη δεξιά πλευρά Flex στοιχεία Ύψος γονέα flex στοιχείων Πλάτος γονέα flex στοιχείων Εν σειρά-μπλοκ γονέας Περιθώρια padding γονέα Περιθώρια margin στα παιδιά Στοίχιση flex στοιχείων Στοίχιση flex στοιχείων στο κέντρο Στοίχιση flex στοιχείων κατά μήκος του γονέα Στοίχιση flex στοιχείων κατά μήκος του γονέα με περιθώρια Στοίχιση flex στοιχείων κατά μήκος του γονέα με ίσα περιθώρια

Θέση

Απόλυτη Σχετική Απόλυτη σε σχέση με τον γονέα Απόλυτη σε σχέση με απόλυτη Απόλυτη χωρίς συντεταγμένες Κεντράρισμα μέσω absolute Αρνητικές τιμές absolute Σταθερή θέση Μπλοκ σε πλήρες πλάτος οθόνης Επικάλυψη στοιχείων στον άξονα Z Ρύθμιση επικάλυψης στοιχείων στον άξονα Z Αποχρώσεις χρήσης αρνητικής τιμής z-index

Πλωτά Στοιχεία

Εισαγωγή στην ιδιότητα float Ιδιότητα float και ετικέτες Συνδυασμός float και margin Συνδυασμός float και padding Πλωτά στοιχεία κάτω από ετικέτες Επίδραση των πλωτών στοιχείων στον γονέα Ύψος γονέα πλωτών στοιχείων Κείμενο στον γονέα πλωτών στοιχείων Περιλισμών Ακύρωση περιλισμού Ξεχωριστό div με clearfix Ύψος γονέα και clearfix Ιδιότητα float για μπλοκ Ιδιότητα float και πολλά μπλοκ Ιδιότητα float και γονέας χωρίς κείμενο

Flex

Διάταξη σε σειρά ή στήλη Διάταξη flex στοιχείων σε ανεστραμμένη σειρά Διάταξη flex στοιχείων σε στήλη Αντιστροφή στήλης με flex στοιχεία Κύριος και εγκάρσιος άξονας Στοίχιση κατά τον κύριο άξονα Στοίχιση κατά τον εγκάρσιο άξονα Η τιμή center της ιδιότητας align-items Κεντράρισμα χωρίς ύψος μπλοκ Κεντράρισμα με διαφορετικό ύψος μπλοκ Η τιμή stretch της ιδιότητας align-items Πρακτική στοίχισης κατά άξονες Στοίχιση μεμονωμένου στοιχείου Σειρά flex μπλοκ

Grids

Εισαγωγή στα Grids Τracks και Γραμμές Εμφάνιση στο Debugger Στήλες Μονάδα fr Κλασματικά fr Pixels και fr Ποσοστά και fr Συνάρτηση repeat Τιμή auto Τιμή auto-fill Συνάρτηση minmax Τιμή auto-fit Σειρές Συντομογραφία για σειρές και στήλες Συνδυασμός σειρών Συνδυασμός στηλών Συνδυασμοί συνδυασμών Επικάλυψη στηλών Απόσταση μεταξύ στηλών Απόσταση μεταξύ σειρών Απόσταση μεταξύ στηλών και σειρών Πλακίδια

Διατάξεις

Δημιουργία Μενού Απλές Διατάξεις Ιστότοπων με Μία Στήλη Σχήμα Διατάξεων με Πολλαπλά Wrappers Δομικά Μπλοκ Ιστότοπου Σχήμα Διάταξης με Δύο Στήλες Σχήμα Διάταξης Ιστότοπου με Τρεις Στήλες Ειδικές Ετικέτες για Στοιχεία Διάταξης Ιστότοπου Κύριες Ετικέτες Διάταξης Ετικέτα για Ενότητες Πρακτική στις Διατάξεις
↑
Ελληνικά▼
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaShqipСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Χρησιμοποιούμε cookie για τη λειτουργία του ιστότοπου, την ανάλυση και την εξατομίκευση. Η επεξεργασία των δεδομένων γίνεται σύμφωνα με την Πολιτική Απορρήτου.
αποδοχή όλων ρύθμιση απόρριψη