Vježba 20: Pseudoklase i pseudoelementi

Vježba 20: Pseudoklase i pseudoelementi

 

PRIPREMA ZA VJEŽBU

1. Što su selektori u CSS-u? Napišite osnovnu sintaksu kod primjene selektora.

CSS selektori omogućavaju nam da ciljamo određene HTML elemente i primenjujemo stilove na njih.

Primjer univerzalnog selektora:

* {
margin: 0;
padding: 0;
}

 

2. Nabrojite bar pet svojstava u CSS-u koja kod zadavanja veličine uključuju neku mjernu jedinicu.

px (pikseli): Koriste se za tačno određivanje veličine elemenata na ekranu.
em: Relativna jedinica koja se bazira na veličini fonta roditeljskog elementa.
rem: Slično kao em, ali se bazira na veličini fonta osnovnog dokumenta 
% (postotci): Relativna jedinica u odnosu na veličinu roditeljskog elementa.
vh i vw: Odnose se na visinu i širinu viewporta.

 

CSS kombinatori

 

CSS pseudo-klase

 

 

CSS pseudo-elementi

 

CSS selektori atributa (svojstava) – stilizacija HTML elemenata sa specifičnim svojstvima

PONAVLJANJE I PRAKTIČNA VJEŽBA:

Napravite mrežnu stranicu koja sadrži ispitni zadatak iz hrvatskog jezika. U uvodnom dijelu napišite naslov i tekst zadatka. U preostalom dijelu stranice navedite četiri ponuđena odgovora. Uvodni dio treba biti jedan ili dva odlomka. U nastavku su odgovori također navedeni kao odlomci teksta. Možete pri tome koristiti i pitanja s nekog od prethodnih objavljenih ispita. Tekstovi koji su dani kao mogući odgovori (A, B, C i D) trebaju svi imati naglašeno početno slovo i/ili prvi redak odlomka. Točan odgovor treba u potpunosti biti uokviren. Pri tome je potrebno demonstrirati korištenje kombinatora i
selektora.

 

lv20.html

<html>
<head>
    <link rel=”stylesheet” href=”lv20.css”>
</head>
<body>
    <div class=”uvodni_txt”>
        <h1>II. Jezik</h1>
        <p class=”zadatak”><br>Zadatci višestrukoga izbora</p>
       
        <p><br>
            U zadatcima višestrukoga izbora od više ponuđenih odgovora samo je jedan točan.<br>
            Točan odgovor donosi jedan bod.<br>
        </p>
    </div>
    <p class=”pitanje”>
        58. Koja je od sljedećih rečenica napisana u skladu s pravilima o pisanju velikoga i maloga
        početnog slova?
    </p>
    <div class=”odgovori”>
        <p>
            A. Apollo 11 bila je svemirska misija koja je 20. srpnja 1969. dovela prve ljude na zemljin satelit
            Mjesec.
        </p>
        <p>
            B. Taj se let smatra velikim postignućem u povijesti istraživanja svemira i pobjeda je SAD-a u
            hladnoratovskoj utrci sa Sovjetskim savezom.
        </p>
        <div class=”tocno”>
            <p>
                C. Armstrong i Aldrin sletjeli su na prostor nazvan More tišine i postali prvi ljudi na površini
                Mjeseca.
            </p>
        </div>
        <p>
            D. Tri astronauta vratila su se na Zemlju s 21,55 kg mjesečeva kamenja, sletjevši 24. srpnja u
            Tihi Ocean.
        </p>
    </div>
</body>
</html>

 

lv20.css
div h1 {
    text-align: center;
}
body {
    background-color: gray;
    color: rgb(221, 146, 209);
}
.pitanje {
    color: aliceblue;
    font-size: 25px;
}
div>p {
    color: aliceblue;
    font-size: 15px;
    text-indent: 20px;
}
.odgovori>p::first-letter {
    font-size: 170%;
    color: #e771e1;
}
.tocno {
    display: inline-block;
    border: solid rgb(149, 231, 139) 2px;
    padding-right: 15px;
}
.tocno>p::first-letter {
    font-size: 170%;
    color: #e771e1;
}
.uvodni_txt {
    margin-bottom: 60px;
    text-align: left;
}
.uvodni_txt>p{
    font-size: 20px;
}
.uvodni_txt>.zadatak{
    font-size: 20px;
    font-weight: bold;
}