CSS Almanah 2025, Veljača

ID - CSS-trikovi

ID - CSS-trikovi

Selektor #id omogućuje ciljanje elementa pozivanjem na atribut id HTML. Slično onome kako se atributi klase u CSS-u označavaju s "točkom" "

: nevaljano - CSS-trikovi

: nevaljano - CSS-trikovi

Selektor: invalid omogućuje vam odabir elemenata koji ne sadrže valjani sadržaj, kako je određeno atributom njegovog tipa. : nevažeće je definirano u CSS-u "

Opća braća i sestre - CSS-trikovi

Opća braća i sestre - CSS-trikovi

Opći kombinator braće i sestara (~) u CSS-u izgleda ovako kako se koristi: .featured-image ~ p (veličina fonta: 90%;) U tom biste primjeru odabrali sve "

: fokus - CSS-trikovi

: fokus - CSS-trikovi

Pseudo klasa: focus u CSS-u koristi se za oblikovanje elementa koji je trenutno ciljan tipkovnicom ili aktiviran mišem. Evo primjera: "

: fokus unutar - CSS-trikovi

: fokus unutar - CSS-trikovi

Pseudo selektor: focus-within u CSS-u pomalo je neobičan, iako dobro imenovan i prilično intuitivan. Odabire element ako taj element sadrži "

: prva vrsta - CSS-trikovi

: prva vrsta - CSS-trikovi

Birač prve vrste u CSS-u omogućuje vam ciljanje prvog pojavljivanja elementa u njegovom spremniku. Definirano je u CSS Selectors Level 3 "

: hover - CSS-trikovi

: hover - CSS-trikovi

Pseudo klasa: hover u CSS-u odabire elemente kada je nad njima trenutni kursor miša. Obično je povezan s vezom () "

:: prvi red - CSS-trikovi

:: prvi red - CSS-trikovi

Pseudo-element :: prvi redak služi za primjenu stilova na prvi redak elementa. Zamislite odlomak dug nekoliko redaka (poput ovog!). "

: prvo dijete - CSS-trikovi

: prvo dijete - CSS-trikovi

Birač prvog djeteta omogućuje vam ciljanje prvog elementa odmah unutar drugog elementa. U specifikaciji CSS Selectors Level 3 definirano je kao "

:: prvo slovo - CSS-trikovi

:: prvo slovo - CSS-trikovi

:: prvo slovo je pseudo element koji vam omogućuje oblikovanje prvog slova u elementu, bez potrebe za lijepljenjem oznake oko tog prvog "

: prazno - CSS-trikovi

: prazno - CSS-trikovi

Pseudo selektor: empty odabrat će elemente koji ne sadrže ništa ili samo HTML komentar. div: empty (display: none;) Podudarat će se "

Dijete - CSS-trikovi

Dijete - CSS-trikovi

Kombinator djece u CSS-u simbol je "veći od", izgleda ovako: ol> li (color: red;) To znači "odaberi elemente koji su izravni potomci"

: omogućeno - CSS-trikovi

: omogućeno - CSS-trikovi

Pseudo-klasa: enabled u CSS-u odabire fokusirajuće elemente koji nisu onemogućeni i stoga omogućeni. Povezana je samo s elementima obrasca "

Razred - CSS-trikovi

Razred - CSS-trikovi

Selektor klase u CSS-u započinje točkom (.), Ovako: .class () Selektor klase odabire sve elemente s odgovarajućim atributom klase. Na primjer,"

: dir () - CSS-trikovi

: dir () - CSS-trikovi

Pseudo-klasa: dir () u CSS-u omogućuje odabir elemenata na temelju smjera jezika, kako je određeno u HTML oznaci. Stvarno postoje "

: onemogućeno - CSS-trikovi

: onemogućeno - CSS-trikovi

Selektor pseudo-klase disabled onemogućava uvjetni stil HTML elementima koji mogu primati korisničke unose kada su elementi onemogućeni "

Potomak - CSS-trikovi

Potomak - CSS-trikovi

Selektor potomka u CSS-u je bilo koji selektor s razmakom između dva selektora bez kombinatora. Evo nekoliko primjera: zaglavlje ul li () h2 () "

: zadani - CSS-trikovi

: zadani - CSS-trikovi

Pseudo selektor: default podudarat će se sa zadanim u grupi pridruženih elemenata, poput radio gumba u grupi gumba koji je odabran pomoću "

: označeno - CSS-trikovi

: označeno - CSS-trikovi

Pseudo-klasa: provjereno u CSS-u odabire elemente kada su u odabranom stanju. Povezana je samo s ulaznim () elementima tipa radio i "

: prazno - CSS-trikovi

: prazno - CSS-trikovi

Pseudo-klasa: blank temelji se na pseudo-klasi: empty. Poput: prazno,: prazno će odabrati elemente koji uopće ne sadrže ništa ili sadrže samo HTML "

(atribut) - CSS-trikovi

(atribut) - CSS-trikovi

Postoji mnogo načina na koje možete odabrati elemente u CSS-u. Najosnovniji odabir je prema nazivu oznake, poput p (). Gotovo sve specifičnije od oznake "

:: prije / :: poslije - CSS-trikovi

:: prije / :: poslije - CSS-trikovi

Pseudo-elementi :: before i :: after u CSS-u omogućuju vam umetanje sadržaja na stranicu bez potrebe da bude u HTML-u. Iako krajnji rezultat nije "

Z-indeks - CSS-trikovi

Z-indeks - CSS-trikovi

Div (z-index: 1; / * integer * /) Svojstvo z-index u CSS-u kontrolira okomiti redoslijed slaganja elemenata koji se preklapaju. Kao u, koji se pojavljuje kao "

: bilo koja veza - CSS-trikovi

: bilo koja veza - CSS-trikovi

Pseudo-klasa: any-link u CSS-u nudi metodu za odabir elemenata koji su izvorno sidro hiperveze. Ako vas je pojam izvorno sidro izgubio, "

: aktivno - CSS-trikovi

: aktivno - CSS-trikovi

Pseudo selektor: active mijenja izgled veze dok se ona aktivira (klikne li se ili aktivira na drugi način). To se obično vidi samo "

Susjedni brat ili sestra - CSS-trikovi

Susjedni brat ili sestra - CSS-trikovi

Susjedni kombinacija braće i sestara u CSS-u nije samostalni selektor, već način kombiniranja dvaju selektora. Na primjer: p + p (margina: 0;) Znak plus "

Širina - CSS-trikovi

Širina - CSS-trikovi

Svojstvo width u CSS-u određuje širinu područja sadržaja elementa. Ovo "područje sadržaja" dio je unutar umetanja, obruba i margine "

Praznina - CSS-trikovi

Praznina - CSS-trikovi

Svojstvo razmaka kontrolira način na koji se rukuje tekstom na elementu na koji je primijenjen. Recimo da imate HTML točno ovakav: gomilu riječi koje "

Zum - CSS-trikovi

Zum - CSS-trikovi

Svojstvo zumiranja u CSS-u omogućuje vam prilagodbu sadržaja. Nestandardan je i izvorno je implementiran samo u Internet Exploreru. Iako je nekoliko "

Razmak riječi - CSS-trikovi

Razmak riječi - CSS-trikovi

Svojstvo razmaka riječi slično je razmaku slova, iako njegova upotreba prirodno određuje razmak između riječi u dijelu teksta, a ne "