HTML CSS

By using HTML4.0, all formatting code can be moved out of the HTML document and then moved into a separate stylesheet.

Example

Styles in HTML
This example demonstrates how to format HTML using style information added to the <head> section.
Link Without Underline
This example demonstrates how to use the style attribute to create a link without an underline.
Linking to an External Stylesheet
This example demonstrates how to link a <link> tag to an external stylesheet.

How to Use Styles

When the browser reads a stylesheet, it will format the document according to this stylesheet. There are three ways to insert a stylesheet:

External Stylesheet

When the style needs to be applied to many pages, an external stylesheet is the ideal choice. By using an external stylesheet, you can change the entire site's appearance by changing a single file.

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

Internal Stylesheet

Όταν ένας μόνο αρχείο χρειάζεται ειδικό στυλ, μπορεί να χρησιμοποιηθεί το internal stylesheet. Μπορείτε να ορίσετε το internal stylesheet στο τμήμα head μέσω του ετικέτας <style>.

<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>

Inline Στυλ

Όταν απαιτείται ειδικό στυλ για συγκεκριμένο στοιχείο, μπορεί να χρησιμοποιηθεί το inline στυλ. Το τρόπο χρήσης του inline στυλ είναι η χρήση του ατύπου του στυλ στο σχετικό ετικέτα. Το ατύπο του στυλ μπορεί να περιέχει οποιαδήποτε ιδιότητα CSS. Το παρακάτω παράδειγμα δείχνει πώς να αλλάξει το χρώμα του παραγράφου και το αριστερό περιθώριο εξωτερικού.

<p style="color: red; margin-left: 20px">
This is a paragraph
</p>

Επισκεφθείτε το Εκμάθηση CSS，μαθαίνετε περισσότερα για τα στυλ.

Ετικέτα Περιγραφή
<style> Ορίζει ορισμένα στυλ.
<link> Ορίζει αναφορές πόρων.
<div> Ορίζει ενότητες ή περιοχές εντός του κειμένου (βλοκική).
<span> Ορίζει μικρά τμήματα ή περιοχές εντός του κειμένου.
<font> Ορίζει τη γραμματοσειρά, το μέγεθος της γραμματοσειράς και το χρώμα του κειμένου. Δεν συστήζεται. Χρησιμοποιήστε στυλ.
<basefont> Ορίζει την βάση γραμματοσειράς. Δεν συστήζεται. Χρησιμοποιήστε στυλ.
<center> Κεντρώηση κειμένου. Δεν συστήζεται. Χρησιμοποιήστε στυλ.