Ορισμός και χρήση
Η ετικέτα
<style> ορίζει στυλ για την σελίδα μας χρησιμοποιώντας CSS.
Αν θέλουμε να εισάγουμε ένα στυλ στην σελίδα μας από ένα εξωτερικό αρχείο τότε χρησιμοποιούμε την ετικέτα
<link>
Η ετικέτες
<style> αλλά και η
<link> γράφονται μέσα στην ενότητα
<HEAD>
Ετικέτα τέλους:
</style>
Μάθετε CSS
Παράδειγματα
Πηγαίος Κώδικας |
Αποτέλεσμα στον browser |
<html>
<head>
<title>WLearn</title>
<META content="text/html; charset=iso-8859-7">
<style type="text/css">
a.toplinks, a.toplinks:link {
display:block;
float:right;
padding-right: 7px;
padding-left: 7px;
margin-bottom: 3px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999999;
font-weight: bold;
text-decoration:none;
}
</style>
</head>
<body>
<a href="http://www.wlearn.gr">WLearn Link</a>
</body>
</html>
|
WLearn Link |
Διαφορές στην χρήση μεταξύ της HTML4.01 και την HTML5
Η ιδιότητα scoped είναι νέα στην HTML5
Ιδιότητες
Ιδιότητα |
Τιμή |
Περιγραφή |
media |
screen
tty
tv
projection
handheld
print
braille
aural
all |
Ορίζει το μέσο προορισμού |
scoped (HTML5) |
scoped |
Η ύπαρξη της ιδιότητας αυτής, σημαίνει ότι το στυλ θα εφαρμοστεί στην ετικέτα που αυτή βρίσκεται και σε όλες τις ετικέτες που βρίσκονται μέσα σε αυτήν |
type |
text/css |
Ορίζει τον τύπο περιεχομένων |
Κοινές (standard) ιδιότητες που μπορεί να πάρει η ετικέτα: