CSS Osnove

Iz tog razloga, osmišljen je CSS kojim je HTML sadržaj web stranice potpuno odvojen od njenog prikaza. CSS kod sadrži univerzalne elemente namenjene stilizovanju pa je tako drastično smanjen obim koda koji je bilo potrebno naučiti i primeniti na svakoj web stranici.

CSS definiše kako će HTML elementi biti prikazani i rasporedjeni u okviru prozora pretraživača.

Kako se CSS uklapa u HTML?

U zavisnosti od toga gde se CSS kod pojavljuje, tj. piše, postoje tri različite mogućnosti.

Inline zapisivanje CSS-a

Inline metod znači da se CSS kod zapisuje u okviru otvarajućeg dela HTML taga čiji sadržaj se stilizuje. Sintaksa zapisivanja inline CSS-a je sledeća:

<ime_taga style=”atribut:vrednost;atribut:vrednost;”>Neki tekst …</ime_taga>

Kako izgleda inline ubacivanje CSS koda najbolje se vidi na primerima ispod.

<body style=”margin:0px;padding:0px; background-color:red; font-family:Arial, Helvetica, sans-serif;”>

Ovim smo definisali četiri CSS atributa koji će biti primenjeni na html element body.

ili

<p style=”color:red;font-size:14px;margin:0;padding:0;”>Neki tekst paragrafa</p>

Interno zapisivanje CSS-a

Interno znači da se CSS kod za stilizovanje takodje nalazi u samom HTML dokumentu, ali ne u okviru taga već u okviru head sekcije HTML dokumenta. Taj kod je odvojen od ostatka head sekcije otvarajućim i zatvarajućim tagom <style>

<style>

CSS pravila…

</style>

Najbolje ćemo videti pozicioniranje CSS internog stila na primeru kompletnog HTML dokumenta:

<!DOCTYPE html>

<html>

<head>

<meta charset=”UTF-8″>

<title>Untitled Document</title>

<style>

body {margin:0px; padding:0px;}

p, h1, h2, span {color:white;}

div {background-color:red;}

</style>

</head>

<body>

Sadržaj stranice…

</body>

</html>

 

Preporučite ovaj članak:
Email this to someoneShare on Google+Share on FacebookShare on LinkedIn