Top 5 ιστότοποι για να μάθετε CSS Online

Διαφήμιση

Διαφήμιση
Διαφήμιση

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

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

W3Schools

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

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

Εάν γνωρίζετε ήδη κάποια CSS αν και αυτή είναι μια μεγάλη πηγή αναφοράς.

Tizag

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

Το Tizag στα μάτια μου είναι λίγο λιγότερο επίσημο. Μου φαίνεται ότι τα παραδείγματα τους είναι πιο κοντά στην πραγματική ζωή και ο τόνος είναι πιο φιλικός. Υπάρχουν επίσης χρήσιμα μαθήματα σε πολλές άλλες γλώσσες όπως HTML και MySQL, οπότε αν σας άρεσε το bit CSS, μπορείτε να μείνετε για την ίδια ποιότητα σε άλλες γλώσσες.

CSS Zen Garden

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

Μπορείτε να ανεβάσετε την εργασία σας και θα παρουσιαστεί, και μπορείτε να κατεβάσετε τα αρχεία άλλων για να ρίξετε μια ματιά στο πώς έκαναν αυτό και αυτό. Αυτό είναι πραγματικά χρήσιμο, διότι ο ίδιος έμαθα περισσότερο από το παράδειγμα παρά από την εκμάθηση. Το ίδιο ισχύει και για τα πρότυπα WordPress - αν σας αρέσει ένα, κατεβάστε το και ρίξτε μια ματιά στο style.css για να δείτε πώς γίνονται τα πράγματα.

Αναπαραγωγή CSS

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

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

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

Google

Αυτό είναι σωστό, η απλή παλιά Αναζήτηση Google μπορεί να είναι ένας καλός σύντροφος για την εκμάθηση CSS online και την εύρεση CSS tutorials για αρχάριους. Εκτός από την προφανή δυνατότητα να ερευνήσετε τα πράγματα που χρειάζεστε, μπορείτε επίσης να δείτε πώς λειτουργούν οι συγκεκριμένες ιδιότητες του CSS. Δεν γνωρίζω ποιες τιμές μπορεί να έχει η "υπερχείλιση"; Απλά πληκτρολογήστε "υπερχείλιση css" ή "css υπερχείλιση ιδιότητα" και το πρώτο αποτέλεσμα θα σας πει τι πρέπει να ξέρετε.

Το ίδιο ισχύει και για όλες τις γλώσσες προγραμματισμού, το χρησιμοποιώ και για την PHP και τη MySQL, και δεν νομίζω ότι το πρώτο αποτέλεσμα μου έχει αποτύχει ακόμα.

Έτσι λοιπόν, δεν υπάρχουν δικαιολογίες, ήρθε η ώρα να μάθετε κάποιο CSS! Μπορείτε να προσθέσετε τα δικά σας πρότυπα Έγγραφα Google, να τροποποιήσετε τα πρότυπα WordPress και να κάνετε πολύ περισσότερα, ευτυχισμένα CSS-ing!

In this article