HTML CSS

Ved at bruge HTML4.0 kan al formateringskoden flyttes ud af HTML-dokumentet og derefter ind i en uafhængig stilark.

Eksempel

Stil i HTML
Dette eksempel viser, hvordan du bruger stilinformation tilføjet til <head>-sektionen til at formatere HTML.
Link uden understregning
Dette eksempel viser, hvordan du bruger stilattributter til at lave et link uden understregning.
Linke til en ekstern stilark
Dette eksempel viser, hvordan du bruger <link>-tagget til at linke til en ekstern stilark.

Sådan bruges stil

Når browseren læser en stilark, formaterer den dokumentet efter denne stilark. Der er tre måder at indsætte et stilark på:

Ekstern stilark

Når stilen skal anvendes på mange sider, er en ekstern stilark ideel. Ved at bruge et ekstern stilark kan du ændre hele stedets udseende ved at ændre en fil.

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

Internal Style Sheets

When a single file needs special styles, internal style sheets can be used. You can define an internal style sheet by using the <style> tag in the head section.

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

Inline Styles

Inline styles can be used when special styles need to be applied to individual elements. The method to use inline styles is to use the style attribute within the relevant tag. The style attribute can contain any CSS attribute. The following example shows how to change the color and left margin of a paragraph.

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

Visit our CSS Tutorial, learn more about styles.

Tag Description
<style> Define style definitions.
<link> Define a resource reference.
<div> Define a section or area (block-level) within a document.
<span> Define an inline block or area within a document.
<font> Specify the font, font size, and font color of the text. Not recommended. Please use styles.
<basefont> Define the base font. Not recommended. Please use styles.
<center> Center the text horizontally. Not recommended. Please use styles.