blue - Kurs HTML i CSS
Obramowanie CSS / Atrybuty mieszane obramowania {border}...własności. Dzięki temu możemy uniknąć pisania długich deklaracji, np. zamiast wpisywać: border-width: medium; border-style: solid; border-color: blue wystarczy podać: border: medium solid blue a otrzymamy ten sam efekt. Przy tworzeniu obramowania możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border} border-top: thick double green border: medium solid blue Podkreślenie tekstu Ciekawym zastosowaniem dolnego...
- Obramowanie CSS / Atrybuty mieszane koloru obramowania {border-color}
...zamieszczonego tutaj. ✅ Rozpocznij konfigurację obramowania Przykład {border-color} border-color: red; border-style: solid border-color: red blue; border-style: solid border-color: red blue green; border-style: solid border-color: red blue green #eb3; border-style: solid
- Kolory CSS / Sposoby definiowania kolorów CSS
...red (#FF0000) purple (#800080) fuchsia (#FF00FF) green (#008000) lime (#00FF00) olive (#808000) yellow (#FFFF00) navy (#000080) blue (#0000FF) teal (#008080) aqua (#00FFFF) Ponadto CSS 2.1 definiuje jeszcze jeden dodatkowy kolor podstawowy: orange (#FFA500). CSS 3 określa dodatkowo 130 kolorów rozszerzonych. #RRGGBB - podanie kolejno wartości każdej składowej kolorów podstawowych: czerwonego RR (red), zielonego GG (green) i niebieskiego BB (blue). Wszystkie te liczby...
HTML dla zielonych / Kolor czcionki HTML <span "color">...(purpurowy) fuchsia (fuksja) green (zielony) lime (limonowy) olive (oliwkowy) yellow (żółty) navy (granatowy) blue (niebieski) teal (zielonomodry) aqua (akwamaryna) Jeśli za mało Ci tych szesnastu kolorów, zajrzyj na stronę pt.: Kolory. Edytory HTML posiadają często specjalny selektor kolorów, za pomocą którego można w prosty sposób wybrać barwę o dowolnym odcieniu. Przykład <span "color"> Po wpisaniu w edytorze HTML następującego...
- Wstawianie stylów CSS / Kaskadowość stylów
...analizę sposobu formatowania elementów. Przykład !important Gdyby w arkuszu stylów tej strony została umieszczona następująca reguła: h6 { color: blue !important; background-color: green } to pomimo wpisania następującego stylu inline (który ma pierwszeństwo przed arkuszami stylów) <h6 style="color: red; background-color: yellow"> Ten tytuł nie jest napisany czcionką koloru czerwonego, lecz niebieskiego, mimo wstawienia stylu inline. Natomiast tło pozostaje żółte. </h6> otrzymalibyśmy...
- Selektory specjalne CSS / Klasy selektorów <... class>
...do nich określonych stylów. Klasy pozwalają na definiowanie zbioru elementów, które mają być stylizowane w ten sam sposób. Przykład: .klasa { color: blue; }. Jak wywołać klasę w CSS? Aby wywołać klasę w CSS, używa się kropki przed nazwą klasy. Następnie, w elemencie HTML, który ma zostać stylizowany, dodaje się atrybut class="..." z nazwą klasy. Przykład: .klasa { color: blue; } i <div class="klasa">Treść</div>. Jak nazywać klasy w CSS? Klasy w CSS mogą być nazwane dowolnie, ale...
- Kolory HTML / Sposoby definiowania kolorów HTML
Definicje 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...
- Kolory HTML / Wykaz kolorów HTML
...FF00FF fuksja green #008000 zielony lime #00FF00 limonowy olive #808000 oliwkowy yellow #FFFF00 żółty navy #000080 granatowy blue #0000FF niebieski teal #008080 zielonomodry aqua #00FFFF akwamaryna W wielu poradnikach podawana jest rozszerzona paleta kolorów nazwanych. Zwracam uwagę, że w języku HTML zostało zdefiniowane tylko 16 nazw kolorów. Użycie innych nazw jest błędem i nie gwarantuje interpretacji we wszystkich obecnych i przyszłych przeglądarkach! W...
- Obramowanie CSS / Kolor obrysu {outline-color}
...możesz również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline-color} outline-color: blue
- Obramowanie CSS / Atrybuty mieszane obrysu {outline}
...również skorzystać ze specjalnego generatora zamieszczonego tutaj. ✅ Rozpocznij konfigurację obrysu Przykład {outline} outline: medium solid blue