Selektory, właściwości oraz wartości w CSS

Selektor prosty Nagłówek trzeciego stopnia	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: h3 { color: green; } ----- <h3>Nagłówek trzeciego stopnia</h3>
Selektor do formatowania elementu Nagłówek trzeciego stopnia	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: #element { color: red; } ----- <h3 id="element">Nagłówek trzeciego stopnia</h3>
Wykorzystanie klas Nagłówek trzeciego stopnia Akapit	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: .mojaklasa { color: blue; } ----- <h3 class="mojaklasa">Nagłówek trzeciego stopnia</h3> <p class="mojaklasa">Akapit</p>
Selektor potomka Nagłówek *test pochylenie* test** drugiego stopnia	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: h2 i { color:red; } ----- <h2 class="mojaklasa">Nagłówek <b>test <i>pochylenie</i> test </b>drugiego stopnia</h2>
Selektor dziecka Nagłówek *test pochylenie* test** pierwszego stopnia	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: h1>i { color:red; } ----- <h1 class="mojaklasa">Nagłówek <b>test <i>pochylenie</i> test </b>pierwszego stopnia</h1>
Selektor braci Nagłówek test pochylenie test pierwszego stopnia	W NAGŁÓWKU HTML: <link rel="stylesheet" href="style.css"> ----- W PLIKU style.css: b+i { color:red; } ----- <h1 class="mojaklasa">Nagłówek <b>test</b> <i>pochylenie</i> test pierwszego stopnia</h1>
Selektor atrybutu	W PLIKU style.css: img[src="kwiatek.jpg"] { width:40%; border-radius:20%; } ----- <img src="kwiatek.jpg">