Adriana Murtić u rubrici Web Dizajn od
promjena rubrike od Znatko
Kako upravljati tj. opisivati HTML elemente koristeći CSS?

Prijavite se ili registrirajte kako biste odgovorili na ovo pitanje.

2 odgovor(a)

+9 glasa
Duh Robot od
uređen od Duh Robot

Pozdrav!

Da bi mogli opisivati HTML elemente pomoću CSS-a treba nekako povezati HTML tagove i CSS stilove, jer HTML "ne zna" koji opis(stil) uzeti za koji element.

Povezivanje se vrši pomoću tzv. selektora, a selektori se mogu odnositi na jedan ili više elemenata.

Ukoliko želimo povezati CSS opis s određenim HTML elementom, koristimo id atribut(svojstvo) elementa, a u CSS-u navodimo taj id sa znakom # ispred, evo primjera:

HTML:

<div id="element1">OVO JE ELEMENT 1</div>
<div id="element2">OVO JE ELEMENT 2</div>

CSS:

#element1{
    font-color: #FF0000;
}

Ako želimo povezati CSS opis s više HTML elemenata, koristimo class atribut elementa, a u CSS-u navodimo taj class sa znakom . ispred, evo primjera:

HTML:

<div id="element1" class="crveno">OVO JE ELEMENT 1</div>
<div id="element2" class="crveno">OVO JE ELEMENT 2</div>

CSS:

.crveno{
    font-color: #FF0000;
}

U prvom primjeru će samo prvi element dobiti crvena slova, dok će u drugom primjeru oba elementa postati ispisana crvenim slovima.

Naravno, HTML i CSS moraju biti povezani na jedan od tri načina povezivanja(inline, interno ili vanjsko).

+3 glasa
Mihael Fernežir od
CSS-om je moguće kontrolirati i položaj elemenata bez mijenjanja strukture HTML dokumenta. Postoje različite tehnike koje se upotrebljavaju za razmještaj elemenata CSSom, no sve su vrlo slične jer su ovisne o dvama svojstvima HTML elementa: float i clear.

Pomoću tih dvaju svojstava različitim tehnikama možemo kreirati različite razmještaje elemenata koje možemo svrstati u dvije skupine:

1. s obzirom na širinu web-stranice: stranice apsolutne širine (u kojima je širina stranica točno određena, u pikselima)
                                                     stranice relativne širine (s obzirom na širinu prozora preglednika)

2. s obzirom na broj stupaca stranice: stranice s jednim stupcem
                                                        stranice s dvama stupcima
                                                        stranice s trima stupcima itd.

Navedene dvije skupine možemo međusobno kombinirati te na taj način dobiti veliki broj različitih opcija razmještaja elemenata web-stranice.

Slična pitanja

1 odgovor 543 👀
Adriana Murtić 30.09.2020. pitanje u rubrici Web Dizajn od Adriana Murtić
1 odgovor 315 👀
1 odgovor 915 👀
Marinko Zadro 14.04.2015. pitanje u rubrici Programiranje od Marinko Zadro
2 odgovora 627 👀
3 odgovora 6.5k 👀
Goran Dren 08.04.2014. pitanje u rubrici Web Dizajn od Goran Dren
1 odgovor 1.7k 👀
26.01.2014. pitanje u rubrici Web Dizajn od marijap_os
1 odgovor 1.7k 👀
2 odgovora 722 👀
Hrvoje Novak 30.06.2014. pitanje u rubrici Web Dizajn od Hrvoje Novak
2 odgovora 821 👀
Goran Dren 25.12.2013. pitanje u rubrici Programiranje od Goran Dren
Znatko predstavlja

Umjetna inteligencija u službi prodaje

Zagreb
24. - 25. 10. 2024.

KUPI ULAZNICU
Znatko predstavlja

Najnoviji trendovi u IT industriji

Zagreb
28. i 29. 11. 2024.

KUPI ULAZNICU

14.0k pitanja

22.7k odgovora

8.6k komentara

1.6k korisnika

...