Ακολουθήστε τα παρακάτω βήματα:
- Μπείτε στoν πίνακα ελέγχου του ιστότοπου που έχετε στο wp.w3schools.gr.
- Εάν δεν έχετε φτιάξει κανένα άρθρο ακόμα, δημιουργήστε ένα νέο άρθρο και βάλτε του μερικές παραγράφους τυχαίου κειμένου.
- Ανοίξτε τον ιστότοπό σας σε μία δεύτερη καρτέλα, από το μενού στην κορυφή της σελίδας.
- Στον πίνακα ελέγχου, επιλέξτε το μενού Εμφάνιση >> Custom CSS. Στη σελίδα που θα ανοίξει, μπορείτε να προσθέσετε κώδικα CSS.
- Γράψτε τον κανόνα
body {font-family:cursive;}και αποθηκεύστε τις αλλαγές. - Γυρίστε στη σελίδα σας και πατήστε “ανανέωση”. Τι συνέβη; Χρησιμοποιήστε τα εργαλεία διαχείρισης του φυλλομετρητή (browser) που ανοίγουν με το F12 για να εντοπίσετε τον κώδικα που μόλις προσθέσατε στη σελίδα.
- Κάντε το ίδιο για τους 3 παρακάτω κανόνες:
div#content {background-color: yellow;}div {border: 1px solid #0000FF;}p {padding-left: 30px;color: #FF0000;background-color: rgba(50,10,90,0.7);}