Kaj je dejsnko oznaka CSS pri spletnih straneh in programiranju spletnih strani
CSS (Cascading Style Sheets) so jezik, ki se uporablja za opisovanje videza in oblikovanja spletnih strani. CSS daje možnost, da se različni elementi na spletni strani, kot so besedilo, slike in tabele, oblikujejo in postavijo na različne načine.
CSS kode se lahko vstavijo v HTML datoteko znotraj značk <style> ali pa se lahko uporabi zunanja datoteka s končnico .css, ki se naloži v HTML datoteko.
S pomočjo CSS, lahko web oblikovalci in razvijalci določijo velikost, barvo, font, razmik, okvir, animacije in druge lastnosti elementov na spletni strani, ki jih lahko uporabijo za izboljšanje uporabniške izkušnje in privlačen videz spletne strani.
CSS omogoča tudi ločevanje vsebine in oblikovanja, tako da lahko spremenite videz celotne spletne strani brez spreminjanja vsebine, ki se nahaja v HTML datoteki. To je koristno, ker omogoča enostavno upravljanje in spremembo videza spletne strani, ki se uporablja na več različnih spletnih mestih.
Primer CSS stila na spletni strani
p {color: red;}
Primer CSS kode, ki nastavlja velikost pisave za vse elemente z oznako "h1" na 32px:
h1 {font-size: 32px;}
Primer CSS kode, ki nastavlja ozadje vseh elementov z oznako "body" na sivo barvo:
body {background-color: gray;}
Primer CSS kode, ki nastavlja mejo vseh elementov z oznako "img" na 2px in barvo meje na modro:
img {border: 2px solid blue;}
Primer CSS kode, ki nastavlja, da se vse slike z oznako "img" zaokrožijo:
img {border-radius: 50%;}
Kako v CSS-ju narediti drugo barvo ozadja
Primer:
/* spremenite barvo ozadja za vse elemente z oznako "body" na rumeno */
body {
background-color: yellow;
}
Če želite spremeniti barvo ozadja le za določen del spletne strani, lahko določite selektor CSS za element, ki ga želite spremeniti.
Primer:
/* spremenite barvo ozadja za element z id-jem "moj_div" na modro */
#moj_div {
background-color: blue;
}
Če želite spremeniti barvo ozadja za vse elemente s določeno klaso, lahko uporabite selektor "." pred imenom klase.
Primer:
/* spremenite barvo ozadja za vse elemente s klaso "moja_klasa" na roza */
.moja_klasa {
background-color: pink;
}
Če želite spremeniti barvo ozadja za elemente z določenim atributom, lahko uporabite selektor "[ ]"
Primer:
/* spremenite barvo ozadja za vse elemente z atributom "data-type" na zeleno */
[data-type] {
background-color: green;
}