Dodavanje css stilova PDF Ispis E-mail

1. Izvan HTML dokumenta (external style sheet)

 

Snaga CSS-a leži upravo u mogućnosti da se svi stilovi koji će se koristiti na jednom web site-u pohrane izvan HTML dokumenta. To nam omogućava promjenom stila na jednom mjestu promjenu prikaza na cijeloj stranici.

 

Vanjsku (eksternu) .css datoteku treba povezati s HTML dokumentom. To se radi uglavnom pomoću <link> taga u <head> sekciji:

 

Primjer 1. (ako se datoteka s css stilom zove stil.css i nalazi se na adresi http://www.ucenik.net/):

 

<head>

<title>Naslov stranice</title>

<link rel=“stylesheet“ type=“text/css“ href=http://www.ucenik.net/stil.css>

</head>

 

 

2. Unutar HTML dokumenta (embedded, document-level  style sheet)

 

CSS definiramo unutar posebnog <style> taga koji treba biti u <head> dijelu dokumentai bit će primijenjen u svim tagovima za koje smo naznačili (u ovom primjeru tagovi <p>).

 

Primjer 2:

 

<head>

<title>Naslov stranice</title>

<style type=“text/css“>

p {font-size: large; color= red}

</style>

</head>

 

3. Unutar samog HTML taga (inline styles)

 

Stilove možemo umetnuti u gotovo svaki html tag pomoću atributa style i izravnog navođenja značajki stila na slijedeći način. Oni će biti primijenjeni samo jednom i to za tag u koji je stil umetnut.

 

Primjer 3:

<p style=“font-size: large; color: red“>

Tekst odlomka (paragrafa) ispisan velikim slovima i crvenom bojom

</p>

 

 
Copyright © 2012 Programiranje i izrada web stranica. Sva prava pridržana.
Joomla! je Free Software objavljen pod GNU/GPL Licencom..