HTML CSS

Genom att använda HTML4.0 kan alla formateringskoder tas bort från HTML-dokumentet och flyttas in i en separat stylark.

Exempel

Stil i HTML
Detta exempel visar hur man formaterar HTML genom att lägga till stilinformation till <head>-sektionen.
Länkar utan understrykning
Detta exempel visar hur man skapar en länk utan understrykning genom att använda stilattribut.
Länka till en extern stylark
Detta exempel visar hur man länkar till en extern stylark med <link>-taggen.

Hur man använder stil

När webbläsaren läser en stylark, formaterar den dokumentet enligt denna stylark. Det finns tre sätt att infoga en stylark:

Externa stylark

När stilen behöver tillämpas på många sidor, är externa stylark idealiska valet. Genom att använda externa stylark kan du ändra hela webbplatsens utseende genom att ändra en fil.

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

Intern stiltabell

När en enskild fil behöver särskilda stilar kan man använda en intern stiltabell. Du kan definiera en intern stiltabell genom att använda <style>-taggen i head-sektionen.

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

Inline-stil

När särskilda stilar behöver tillämpas på enskilda element kan man använda inline-stil. Metoden att använda inline-stil är att använda stilattribut i relevanta taggar. Stilattribut kan innehålla alla CSS-attribut. Följande exempel visar hur man ändrar färgen på en paragraf och vänster margin.

<p style="color: red; margin-left: 20px">
Detta är en paragraf
</p>

Besök vår CSS Lärarlektion，lär dig mer om stil.

Tagg Beskrivning
<style> Definiera stildefinitioner.
<link> Definiera en resursreferens.
<div> Definiera en sektion eller område (block) inom dokumentet.
<span> Definiera en liten sektion eller område inom dokumentet.
<font> Specificera textens typsnitt, storlek och färg. Rekommenderas inte. Använd stil istället.
<basefont> Definiera basfont. Rekommenderas inte. Använd stil istället.
<center> Centrera text horisontellt. Rekommenderas inte. Använd stil istället.