178 pregleda
Adriana Murtić u rubrici Web Dizajn od Adriana Murtić (311 bodova)
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 Duh Robot (3.9k bodova)
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 Mihael Fernežir (20.4k bodova)
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
Adriana Murtić 30.09.2020. pitanje u rubrici Web Dizajn od Adriana Murtić (311 bodova)
1 odgovor
Merim Karabegović 06.06.2022. pitanje u rubrici Programiranje od Merim Karabegović (6 bodova)
1 odgovor
Marinko Zadro 14.04.2015. pitanje u rubrici Programiranje od Marinko Zadro (7.8k bodova)
2 odgovora
Matej Tolić 30.06.2014. pitanje u rubrici Web Dizajn od Matej Tolić (4.8k bodova)
3 odgovora
Goran Dren 08.04.2014. pitanje u rubrici Web Dizajn od Goran Dren (6.1k bodova)
1 odgovor
Filip Piškur 06.11.2014. pitanje u rubrici Obrazovanje od Filip Piškur (7 bodova)
1 odgovor
26.01.2014. pitanje u rubrici Web Dizajn od marijap_os
Znatko medijski pokriva

Vincekovo 2023

Na blagdan Sv. Vinka obilježava se Vincekovo kada počinje nova vinogradarska godina

Sv. Ivan Zelina, 22.01.2023.

DOĐITE
Znatko medijski pokriva
MONEY MOTION 2023
<< the only FinTech conference you should attend >>

Zagreb, 9. - 10. ožujka 2023.
ULAZNICE
Znatko medijski pokriva

WINE EnoGASTRO Vip Event 2023

WINE EnoGASTRO Vip Event 2023


Rijeka, 1. ožujka 2023.
Novigrad (Istra), 3. ožujka 2023.
Split, 15. ožujka 2023.
Zadar, 17. ožujka 2023.
Zagreb, 29. ožujka 2023.

Besplatan ulaz za uzvanike

Medijska platforma Znatko

NAJNOVIJE VIJESTI

Impressum | Znatkova redakcija

10.0k pitanja

16.0k odgovora

3.9k komentara

1.4k korisnika

...