Vključevanje CSS definicij

CSS definicije lahko na spletno stran vključimo na več načinov.

Definicija v samem elementu (inline styles)

Stilno definicijo lahko vključimo v sam spletni element, tako da v izbrani znački uporabimo atribut style . Primer:
<html>
<head>
<title>Naslov strani</title>
<head>
<body>
<h1 style="color:red; text-align=right; font-size=14">To je oblikovan naslov</h1>
<p style="color=black; margin-left=10px;">To je oblikovan odstavek</p>
</body>
</html>

Na ta način oblikujemo element, če je oblikovanje lastno elementu samemu. V primeru, da se oblikovanje nanaša na več elementov na spletni strani uporabimo naslednji pristop.

Definicija znotraj spletne strani

Stilne definicije lahko vključimo v okvir HEAD značk. Primer:
<head>
<title>Naslov strani - stil v glavi</title>
<style type="text/css">
<!-- vključimo skrivanje, saj nekateri brskalniki ne poznajo stilov
hr {color=black}
p {text-size=20px;}
konec skrivanja - nekateri brskalniki bodo ta del enostavno ignorirali-->
</style>
</head>

Zunanja stilna definicija

V primerih, ko se definicija stila nanaša na več dokumentov, se stilne definicije vključi v samostojen dokument. Na vsaki spletni strani se poda navodilo o vključitvi stilnih definicij. CSS datoteka - kot imenujemo definicije v samostojnem dokumentu - je tekstoven dokument.

Primer CSS datoteke (stil.css):
.naslov1
{ font-family: Arial, Helvetica, sans-serif;
color: #000066;
font-weight: bold ; font-size: 16px}

body { background-color: #9dceff}

table { text-align: left; }
Vključitev stil.css v spletni dokument:
<head>
<style type="text/css" href="stil.css">
</head>

V primeru oblikovanja več spletnih strani je najbolj priporočena uporaba zunanjih stilnih definicij, saj v največji meri ločujejo proces oblikovanja od procesa izdelave spletne strani.

Standard določa tudi vrstni red upoštevanja stilnih definicij. Tako bo v primeru večkratne stilne definicije najprej upoštevana stilna definicija definirana v samem HTML elementu, nato definicija definirana v samem dokumentu, najmanjšo prioriteto pa ima stilna definicija v samostojni datoteki.
Last modified: Wednesday, 26 February 2014, 3:47 AM