Διαφήμιση
Ο σχεδιασμός ιστοσελίδων μπορεί να μην είναι ο πιο προσπελάσιμος χώρος για όλους, αλλά το 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 Play [δεν διατίθεται πλέον]
Το CSS Play είναι ένας ιστότοπος μεταξύ του Zen Garden και των ιστότοπων εκμάθησης, επειδή εμφανίζει συγκεκριμένες λειτουργίες στο CSS και σας επιτρέπει να δείτε τον πηγαίο κώδικα.
Αντί να έχετε μια ολόκληρη σελίδα ή έναν ολόκληρο ιστότοπο, μπορείτε να ρίξετε μια ματιά σε παραδείγματα μενού flyout, παραδείγματα αδιαφάνειας, ειδικές λύσεις IE και ούτω καθεξής.
Εάν χρειάζεστε μια συγκεκριμένη λειτουργικότητα και θέλετε να γνωρίσετε, αυτός ο ιστότοπος μπορεί να είναι το καλύτερο μέρος για να ξεκινήσετε. Έχει ένα δίκαιο μερίδιο των διαφημίσεων που μπορεί να είναι λίγο αποσπούν την προσοχή, αλλά οι πληροφορίες είναι σταθερή, και πολλές φορές ο κώδικας, ή τουλάχιστον η μέθοδος εξηγείται πολύ καλά.
Αυτό είναι σωστό, απλά παλιά Αναζήτηση Google μπορεί να είναι ένας καλός σύντροφος για την εκμάθηση CSS σε απευθείας σύνδεση και την εξεύρεση CSS tutorials για αρχάριους. Εκτός από την προφανή δυνατότητα να διερευνήσετε τα πράγματα που χρειάζεστε, μπορείτε επίσης να δείτε πώς λειτουργούν οι συγκεκριμένες ιδιότητες του CSS. Δεν γνωρίζω ποιες τιμές μπορεί να έχει η "υπερχείλιση"; Απλά πληκτρολογήστε "υπερχείλιση css" ή "css υπερχείλιση ιδιότητα" και το πρώτο αποτέλεσμα θα σας πει τι πρέπει να ξέρετε.
Το ίδιο ισχύει και για όλες τις γλώσσες προγραμματισμού, το χρησιμοποιώ και για την PHP και τη MySQL, και δεν νομίζω ότι το πρώτο αποτέλεσμα μου έχει αποτύχει ακόμα.
Έτσι λοιπόν, δεν υπάρχουν δικαιολογίες, ήρθε η ώρα να μάθετε κάποια CSS! Μπορείτε να προσθέσετε τα δικά σας πρότυπα Έγγραφα Google, να τροποποιήσετε τα πρότυπα WordPress και να κάνετε πολύ περισσότερα, ευτυχισμένα CSS-ing!
