HTML Στυλ – CSS, γραμματοσειρές, Box Μοντέλο, id, class.

internet-594148_1280

HTML Στυλ – CSS

CSS σημαίνει Cascading Style Sheets.
Μπορείτε να προσθέσετε CSS με τους παρακάτω τρόπους:

1. Inline – χρησιμοποιώντας ένα χαρακτηριστικό στυλ στα στοιχεία HTML

Δοκιμάστε!

 

2. Εσωτερική – χρησιμοποιώντας ένα style στοιχείο στην ενότητα head

Δοκιμάστε!

 

3. Εξωτερικές – χρησιμοποιώντας ένα ή περισσότερα εξωτερικά αρχεία CSS.
Ένα εξωτερικό αρχείο CSS μπορεί να γραφεί σε οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου .
Το αρχείο δεν πρέπει να περιέχει καθόλου html tags.
Το αρχείο αρχείο CSS πρέπει να αποθηκεύονται με την επέκταση .css

Δοκιμάστε!

 

CSS – γραμματοσειρές
Το color ορίζει το χρώμα του κειμένου.
Το font-family καθορίζει τη γραμματοσειρά.
To font-size καθορίζει το μέγεθος του κειμένου.

Δοκιμάστε!

 

CSS – Box Μοντέλο
Κάθε στοιχείο HTML έχει ένα αόρατο κουτί γύρω του.
Το border καθορίζει το περίγραμμα.
Το padding ορίζει το κενό στο εσωτερικό του περιγράμματος.
Το margin ορίζει το κενό στο εξωτερικό του περιγράμματος.

Δοκιμάστε!

 

CSS – id 
Για να ορίσετε ένα ιδιαίτερο στυλ για ένα συγκεκριμένο στοιχείο HTML, πρέπει να προσθέσετε το id του.

CSS – class
Για να ορίσετε ένα στυλ για μία κατηγορία στοιχείων HTML, προσθέστε την class του.

Δοκιμάστε!

 

Καλή επιτυχία.