Η ετικέτα div

Η ετικέτα div ορίζει ένα μπλοκ που ενώνει μέσα του άλλες ετικέτες. Από μόνη της η ετικέτα δεν κάνει τίποτα, αλλά σε συνδυασμό με τα χαρακτηριστικά class και id επιτρέπει την πρόσβαση μέσω της γλώσσας CSS σε μια ομάδα ενωμένων ετικετών.

Παράδειγμα

Ας ομαδοποιήσουμε μερικές παραγράφους χρησιμοποιώντας την ετικέτα div και ας εφαρμόσουμε στη ομάδα κάποια στυλ:

html<div id="elem">
  <p>κείμενο</p>
  <p>κείμενο</p>
  <p>κείμενο</p>
</div>

css#elem {
  color: red;
  padding: 10px;
  border: 1px solid black;
}

Результат:

Δείτε επίσης