Jaki kolor ma link? - Kurs HTML i CSS
Jaki kolor ma link?
Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli purple).
Komendy HTML 4.01 / Wykaz atrybutów...align HR Ustawienie poziomej linii align LEGEND Ustawienie legendy dla grupy kontrolek align TABLE Pozycja tabeli względem okna alink BODY Kolor wybranych odsyłaczy alt APPLET Krótki opis alt AREA, IMG (wymagany) Krótki opis alt INPUT Krótki opis archive APPLET Lista archiwów rozdzielonych przecinkami archive OBJECT Lista adresów rozdzielonych odstępami axis TD, TH Lista powiązanych nagłówków rozdzielonych przecinkami background BODY...
- Komendy HTML 4.01 / BODY
Ciało (treść) dokumentu. Zobacz więcej... Atrybuty: ALINK="kolor" Kolor aktywnych odsyłaczy, czyli takich, które zostały wybrane przez użytkownika (zdeprecjonowane) BACKGROUND="adres" Wskazuje adres obrazka, który będzie wstawiony sąsiadująco jako tło strony (zdeprecjonowane) BGCOLOR="kolor" Kolor tła (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do...
Wstawianie stylów / Wewnętrzny arkusz stylów <style>...na stronie i wszystkim chcemy nadać takie same atrybuty (inne niż domyślne). Na przykład chcemy, aby wszystkie wykazy miały automatycznie kolor niebieski. Wystarczy wpisać odpowiednią deklarację stylów w arkuszu (w treści nagłówkowej) i nie trzeba już nic dopisywać przy samym elemencie. Komentarze w arkuszu stylów pisze się używając znaków: /* (otworzenie komentarza) oraz */ (zamknięcie komentarza), np.: /*12345*/. Wszystko pomiędzy tymi znakami jest ignorowane przez przeglądarkę...
- Wstawianie stylów / Zewnętrzny arkusz stylów <link "stylesheet"> @charset
...pochodzenie), przy użyciu arkusza stylów dostarczonego przez użytkownika. Pozwala to np. określić odpowiadającą nam wielkość czcionki, jej rodzaj, kolor tła oraz tekstu itd. Przykładowo, aby zaimplementować taką funkcję w przeglądarce Microsoft Internet Explorer, należy wybrać polecenie z menu programu: Narzędzia/Opcje internetowe... i kliknąć przycisk: Dostępność.... Następnie w otwartym oknie dialogowym należy zaznaczyć: Formatuj dokumenty używając mojego arkusza stylów, a poniżej wpisać...
- Selektory pseudoklas / Odsyłacz podstawowy :link
...<a href="...">...</a>, gdzie atrybut href="..." określa adres docelowy. Na przykład: <a href="https://www.example.com">Tekst odsyłacza</a>. Jaki kolor ma link? Domyślnie linki są niebieskie (kolor #0000FF czyli blue), a odwiedzone linki są fioletowe (kolor #800080 czyli purple). Jak zmienić kolor odsyłacza HTML? Aby zmienić kolor odsyłacza w HTML, można użyć atrybutu style="..." lub zdefiniować regułę CSS. Na przykład: <a href="https://www.example.com" style="color: red">Tekst...
- Media / Zapytania mediów
...Cechy mediów Szerokość Wysokość Szerokość urządzenia Wysokość urządzenia Orientacja Proporcje obrazu Proporcje obrazu urządzenia Głębia koloru Paleta kolorów Urządzenia monochromatyczne Rozdzielczość Technika wyświetlania Siatka Zapytania mediów (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) W dobie rozkwitu różnorakich urządzeń mobilnych, proste przygotowanie osobnych arkuszy CSS dla każdego medium może nie wystarczyć. Malutki ekran tradycyjnego...
- Menu w CSS / Pionowe menu
...o sumę grubości obramowania (border) i szerokości marginesu wewnętrznego (padding) elementu, czyli: 200px - 2*2px - 2*5px = 186px Ustalamy kolor, tło, margines wewnętrzny (padding) i obramowanie odnośników, tak aby wyglądały jak przyciski. Dodatkowo usuwamy domyślne podkreślenie linków (text-decoration: none), które w tym przypadku jest niepożądane. Na koniec zmieniamy styl obramowania, które zostanie wyświetlone po wskazaniu tekstu myszką oraz tworzymy niesymetryczny margines...
- Menu w CSS / Poziome menu
...otoczone obramowaniem, takim samym jak dolne obramowanie całej listy, dlatego wyglądają jak zakładki. Dla stanu podświetlenia musimy tylko zmienić kolor tła oraz ustawić taki sam kolor dolnego obramowania odnośnika, dzięki czemu uzyskamy efekt wysunięcia wskazanej zakładki do przodu - przed inne. Podobny efekt z zastosowaniem drugiego sposobu: Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0; padding: 0; } ul { border-bottom...
- Dobre praktyki / Przykazania webmastera
...zapis w regułach stylów Minimalizuj liczbę identyfikatorów i klas CSS Ustalając tło upewnij się, że element ma przypisany (lub odziedziczony) kolor tekstu (i odwrotnie) Ustal w jednym miejscu globalne style formatowania tekstu Używaj właściwych jednostek do ustawiania rozmiaru tekstu Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i odwrotnie) Ustalanie rodzaju czcionki zawsze kończ podając nazwę rodziny ogólnej Tekst musi być czytelny Nie zmuszaj czytelników do szukania...
Aktualizacja / System newsów...obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor obramowania */ font-weight: bold; } .news dt, .news dt a:link, .news dt a:visited { background: silver; /* tło tytułu */ color: #505050; /* kolor tytułu */ text-decoration: none; } /* Treść */ .news dd { background: white; /* tło */ color: black; /* kolor tekstu */ font-size: 12px; /* rozmiar czcionki */ border-width...