Η ετικέτα style

Η ετικέτα style επιτρέπει τη σύνταξη CSS απευθείας μέσα σε HTML σελίδα. Λάβετε υπόψη ότι μέσα στην ετικέτα style γράφουμε, τηρώντας τη σύνταξη της γλώσσας CSS (επιλογείς, άγκιστρα και ούτω καθεξής).

Αυτή η ετικέτα θα πρέπει να τοποθετείται μέσα στην ετικέτα head, ωστόσο αυτό δεν είναι υποχρεωτικό - την ετικέτα style μπορείτε να την τοποθετήσετε και μέσα στην ετικέτα body και αυτό θα λειτουργεί.

Δεν πρέπει να γίνεται υπερβολική χρήση της ετικέτας style - αντί για αυτήν, τις περισσότερες φορές θα πρέπει να χρησιμοποιείτε ένα ξεχωριστό αρχείο CSS.

Παράδειγμα

Ας γράψουμε CSS μέσα στον κώδικα HTML χρησιμοποιώντας την ετικέτα style:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Αυτός είναι ο τίτλος</title>
		<style>
			p {
				color: red; 
			}
		 </style>
	</head>
	<body>
		<h1>Αυτός είναι μια επικεφαλίδα τυπικού (μαύρου) χρώματος.</h1>
		<p>Αυτή είναι μια παράγραφος κόκκινου χρώματος.</p>
	</body>
</html>

Δείτε επίσης

η ετικέτα link,
που συνδέει αρχεία CSS
η ιδιότητα style,
που ορίζει στυλ σε μια συγκεκριμένη ετικέτα