Css kombinirani selektori : CSS vježba 1.2 : Bartol plus

Vježba 1.2

Preuzmite i spremite u mapu Vjezba 1 html datoteku:

kombinirani-css-selektori.html

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Kombinirani selektori</title>
  <style>
* {
  margin: 10px;
  padding: 10px;
}
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: darkgreen;
}
h1 {
  color: firebrick;
  background-color: gold;
  font-weight: 100;
}
/* dodajte oblikovanja boje teksta i pozadine odlomaka */

  </style>
</head>
<body>
  <h1>Kombinirani selektori</h1>
  <header>
    <p>Prvi odlomak zaglavlja</p>
    <p>Drugi odlomak zaglavlja</p>
  </header>
  <section>
    <p>Prvi odlomak</p>
    <article>
      <p>Članak</p>
    </article>
    <p>Drugi odlomak</p>
    <p>Treći odlomak</p>
  </section>
  <footer>
    <p>Prvi odlomak podnožja</p>
    <p>Drugi odlomak podnožja</p>
  </footer>
</body>
</html>
</body>
</html>

Preuzeti html kôd ne smijete mijenjati!
Radite po predlošku sa slike 1.2.
Potrebno je vizualno oblikovati web stranicu pomoću stilskih pravila unutar <style> elementa.
Koristite samo kombinirane selektore!
Možete koristiti za boju teksta i pozadine, iste boje kao i na predlošku: darkgreen, firebrick, gold, yellow, darkred, ivory, cornflowerblue, white, sandybrown, darkblue, chartreuse, darkgoldenrod i wheat.
Slika 1.2
Spremite html dokument u mapu Vjezba 1, pod imenom kombinirani-css-selektori.html.
Otvorite web stranicu kombinirani-css-selektori.html u web pregledniku i provjerite radi li dobro i je li izgled web stranice istovjetan onom na slici 1.2.

Rješenje vježbe 1.2

Usporedite css oblikovanja, s oblikovanjima rješenja Vježbe 1.2

Rješenje vježbe 1.2: Kombinirani css selektori

Vježba - kombinirani CSS selektori

Vježba 1.2 - Cilj vježbe je naučiti koristiti kombinirane css selektore kroz primjere.

Vježba 1.2

Rješenje vježbe 1.2

Naši pokrovitelji

Naša preporuka

Besplatne usluge: