kolor tekstu - Kurs HTML i CSS
Kolory HTML / Sposoby definiowania kolorów HTMLDefinicje kolorów przydają się np. do ustawiania koloru tekstu lub tła elementów na stronie. W miejsce wyrazu "kolor" należy wpisać o jaką barwę nam chodzi. Można to zrobić na dwa sposoby: podać słowną nazwę jednego z szesnastu kolorów podstawowych (patrz pierwsza część tabeli) lub odpowiednik dowolnego koloru w kodzie szesnastkowym (HEX). A teraz mała powtórka z fizyki (proszę, nie uciekaj jeszcze od komputera, to będzie baaardzo krótka powtórka 🙂). Każdą barwę można utworzyć mieszając w...
CSS dla zielonych / Klasy selektorów CSS <div class>...się element. Robi się to w inny sposób - korzystając z tzw. klas selektorów. Załóżmy, że mamy na stronie menu nawigacyjne, któremu chcemy zmienić kolor tła oraz tekstu. W tym celu najpierw w dokumencie HTML obejmujemy całą zawartość tego menu dodatkowym znacznikiem z przypisanym atrybutem class: <div class="menu-nawigacyjne">...</div> Następnie w arkuszu stylów w miejsce selektora wstawiamy wartość atrybutu class - czyli nazwę klasy - poprzedzoną znakiem kropki: .menu-nawigacyjne...
Dla nauczycieli / Scenariusz lekcji informatyki dla szkoły podstawowej...do adresu e-mail (mailto). Lekcja 3 - Dostosowanie wyglądu strony i podsumowanie Czas trwania: 45 minut Cele szczegółowe Uczeń potrafi zmienić kolor tła, tekstu, czcionkę. Rozumie znaczenie estetyki i dopasowania strony do treści. Materiały Kolor tła oraz tekstu HTML Wielkość i rodzaj czcionki HTML Pozioma linia Podsumowanie Powtórka Quiz i certyfikat Przebieg 10 min - Pokaz: zmiana kolorów tła i tekstu strony, wielkości i rodzaju czcionki, dodanie <hr> - z omówieniem...
- Tekst HTML / Przekreślenie <s>
...nie jest dłużej trafna lub istotna z punktu widzenia pozostałej zawartości dokumentu. Przykład <s> Ten tekst jest przekreślony Przekreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii przekreślenia różnił się od koloru tekstu: <s style="color: red"><span style="color: black">To jest czarne przekreślenie czerwoną linią</span></s> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia...
- HTML dla zielonych / Łączenie znaczników i atrybutów HTML <p "text-align", span "font-size, color", b, i, u>
Wszystkie powyższe parametry (atrybuty i znaczniki: akapit, wielkość czcionki, kolor czcionki, pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: <p style="text-align: center"><span style="font-size: large; color: red"><b><i><u> To jest jakiś tekst </u></i></b></span></p> otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni...
- Tekst HTML / Podkreślenie <u>
...(ang. "underline"). Oznacza nieartykułowany tekst albo oznaczenie błędu ortograficznego. Przykład <u> Ten tekst jest podkreślony Podkreślenie innym kolorem Stosując pewną "sztuczkę", można sprawić, aby kolor linii podkreślenia różnił się od koloru tekstu: <u style="color: red"><span style="color: black">To jest czarne podkreślenie czerwoną linią</span></u> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów; przy czym "red" oznacza kolor, jaki ma przyjąć linia...
- Tekst HTML / Wykaz <ul, ol, li>
...li> Wykaz numerowany - różne typy Wykaz numerowany z podaniem początkowego numeru Zmiana numerowania w trakcie Wykaz z wypunktowaniem innym kolorem Wykaz w akapicie Potrzebujesz pomocy? Przy tworzeniu wykazów HTML możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. Dzięki niemu w kilka minut skonfigurujesz dowolny, nawet najbardziej skomplikowany układ numeracji albo punktów i podpunktów. ✅ Rozpocznij konfigurację wykazu Wypunktowanie - lista...
- Komendy CSS3 / Dekoracja tekstu CSS
...text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-shadow text-underline-position text-decoration Dekoracja tekstu Wartość <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne text-decoration-color Kolor dekoracji tekstu Wartość <color> Inicjalizacja...
- Selektory pseudoklas CSS / Negacja :not
...wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Wyobraźmy sobie sytuację, kiedy chcemy zmienić kolor całego tekstu na stronie z wyjątkiem np. tabelek. Moglibyśmy to zrobić, przypisując najpierw określony kolor całemu tekstowi, a następnie przywracając kolor domyślny wszystkim tabelom. Łatwiej będzie jednak takie działanie połączyć w pojedynczym selektorze negacji. Jeszcze ciekawsze efekty możemy uzyskać poprzez połączenie negacji z bardziej...
- Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}
...go on po przodku. Problem w tym, że nie zawsze jest to możliwe. Wyobraźmy sobie, że np. wszystkim znacznikom pogrubienia w akapicie nadaliśmy jakiś kolor. Ale jednocześnie chcielibyśmy zrobić jeden wyjątek: jeśli pogrubienie znajduje się wewnątrz pochylenia, to powinno mieć kolor taki jak cały akapit. Nie możemy zatem w prosty sposób usunąć koloru, bo wtedy utracilibyśmy go dla wszystkich elementów pogrubienia, a nie tylko w tym jednym, o który nam chodzi. Właśnie na taką okoliczność została...