«
»

Inline Style 2 – CSS

By web2businessdk

Nogle eksempler på forskellige formateringer med links.

http://www.w3.org
Dette links Inline Style Sheet
<span style=”font-family: Courier, Times New Roman; font-size: x-large; color: rgb(83,146,153); text-decoration: none“><ahref=”http://www.w3.org“>http://www.w3.org</a> </span>

Skirft type sat til Courier og Times New Roman, skrift størrelse x-large og farve 83,146,153, samt ingen understregning på link – text-decoration: none

http://www.latterlig.com
Dette links Inline Style Sheet
<span style=”font-family: Verdana, Arial; font-size: medium; color: rgb(128,128,0)“>http://www.latterlig.com</span>
http://www.jubii.dk
Dette links Inline Style Sheet
<span style=”font-family: Arial, Garamond; font-size: 10pt; background-color: rgb(255,255,0); color: rgb(128,128,0); font-style: italic; text-decoration: none; text-align: right; margin-left: 10px“>http://www.jubii.dk</span>

Og selve siden er sat med Embedded Style Sheets, dette gøre i dette tilfælde at teksten bliver sat til skrifttype Verdana, med Arial som anden skrift type størrelse 9 i sort.

Så på denne side bliver der brugt to forskellige Style Sheets: Inline Style Sheets og  Embedded Style Sheets

Denne sides Embedded Style Sheets
<html>
<head>
<title>Inline Style 2</title>
<style>
<!–
.body {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}BODY {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}BODY {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}

TD {margin-left: 0; font-size: 9pt; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif;}
–>
</style>
</head>

Som det tydeligt kan ses kan man hurtig få en hjemmeside til at se grim ud, og det var jo ikke lige det der var meningen med disse 117 times arbejde. Men dette er jo heldigvis kun nogle eksempler på at man kan lave forskellige formateringer på links i samme hjemmeside dokument.

Tags: , , , , , , , , , , , , , , , , , , ,

Dette indlæg var postet d. juni 28, 2008 klokken 3:04 pm og er gemt under Artikler, Gratis, Tips & Tricks, Webdesign, cascading style sheets, css, design, grafik, html, tutorials. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Læg en kommentar