bold - Kurs HTML i CSS
Menu drzewiaste / Skrypt menu drzewiastego...li a { font-size: 13px; text-decoration: none; cursor: pointer; } ul.tree li a.folder { cursor: pointer; } ul.tree li a.active { font-weight: bold; } ul.tree li a:hover { text-decoration: underline; } Dodatkowo w tym samym katalogu utwórz plik tree.js i zapisz w nim: /** * @author Sławomir Kokłowski {@link https://www.kurshtml.edu.pl} * @copyright NIE usuwaj tego komentarza! (Do NOT remove this comment!) */ function Tree(id) { this.id = id; var url...
Selektory pseudoklas CSS / Etykieta :target...ewentualne pozostałe etykiety na tej samej podstronie pozostaną bez zmian. Przykład :target Po wpisaniu w arkuszu stylów: :target { font-weight: bold } a w dowolnym miejscu strony: <span id="przyklad_etykieta1">etykieta "przyklad_etykieta1"</span>, <span id="przyklad_etykieta2">etykieta "przyklad_etykieta2"</span> <p><a href="#przyklad_etykieta1">odsyłacz "#przyklad_etykieta1"</a>, <a href="#przyklad_etykieta2">odsyłacz "#przyklad_etykieta2"</a></p> po kliknięciu linku do danej etykiety...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...elementy określonego typu. Przykład :first-of-type :last-of-type :only-of-type Po wpisaniu w arkuszu stylów: dl > dd:first-of-type { font-weight: bold } /* wytłuszczenie */ dl > dt:last-of-type { font-style: italic } /* kursywa */ dl > dt:only-of-type { text-decoration: underline } /* podkreślenie */ a w dowolnym miejscu strony: <dl> <dt>Termin 1</dt><dd>Definicja 1</dd> <dt>Termin 2</dt><dd>Definicja 2</dd> <dt>Termin 3</dt><dd>Definicja 3</dd> </dl> <dl> <dt>Termin 1</dt><dd>Definicja...
- Selektory pseudoklas CSS / Negacja :not
...wolno zagnieżdżać, tzn. wstawiać jeden jako argument drugiego. Przykład :not Po wpisaniu w arkuszu stylów: ul > li:not(:first-child) { font-weight: bold } otrzymamy wykaz, w którym wszystkie punkty z wyjątkiem pierwszego (pierwsze dziecko) powinny być pogrubione: Punkt 1 Punkt 2 Punkt 3
- Komendy CSS3 / Czcionki CSS
...Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual font-weight Waga czcionki Wartość normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Inicjalizacja normal Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie Media visual