kolor strony - Kurs HTML i CSS
Tło CSS / Usunięcie tła {background: none, background-color: transparent}...strony. Takie rozwiązanie nie jest jednak zbyt dobre, ponieważ musimy ręcznie wpisywać wszystkie inne deklaracje, które znajdują się w arkuszu (np. kolor tekstu na stronach), pomijając przy tym tą, która odpowiada za tło. Chociaż początkowo osiągniemy żądany efekt, jednak przy każdej modyfikacji szaty graficznej serwisu, będziemy zmuszeni modyfikować również taką stronę. Nie dość, że jest to uciążliwe (zwłaszcza gdy istnieje więcej takich stron), to po jakimś czasie możemy po prostu zapomnieć...
- Wstawianie stylów CSS / 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ć...
- Tło CSS / Gradient liniowy {background: linear-gradient repeating-linear-gradient}
...{background: linear-gradient} (CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera, Chrome) selektor { background: linear-gradient(kierunek, kolor1 odległość1, kolor2 odległość2...) } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Kierunek określa sposób rozłożenia barw. Można go podać na dwa sposoby: słowa kluczowe to top - przejście kolorów nastąpi pionowo z dołu do góry (odpowiednik 0deg) to right...
Komendy HTML 4.01 / TD...stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła w komórce (zdeprecjonowane) CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii...
- Komendy HTML 4.01 / TH
...stron jednocześnie left - do lewej strony right - do prawej strony AXIS="kategoria" Do umiejscowienia komórki w kategorii pojęciowej BGCOLOR="kolor" Kolor tła w komórce (zdeprecjonowane) CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii...
- Komendy HTML 4.01 / TR
...tekstu wokół określonego znaku justify - wyrównanie tekstu do obu stron jednocześnie left - do lewej strony right - do prawej strony BGCOLOR="kolor" Kolor tła w wierszu (zdeprecjonowane) CHAR="znak" Określa pojedynczy znak, pełniący rolę osi, do której następuje wyrównywanie (domyślnie kropka dziesiętna dla danego języka, np.: "." - angielski, "," - francuski) CHAROFF="długość" Określa przesuniecie względem pierwszego wystąpienia znaku wyrównującego (CHAR) w każdej linii...
- 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...
- Wstawianie stylów CSS / Styl lokalny <... style>
...Jako "cecha" czy inaczej własność bądź właściwość (ang. "property") należy wpisać o jakie konkretnie atrybuty formatowania nam chodzi (np. kolor tekstu - color). Opis wszystkich cech znajdziesz w następnych rozdziałach. Tutaj zajmiemy się tylko sposobami wstawiania stylów na stronach. Jako wyraz "wartość" (w deklaracji stylu) wpisujemy dokładną wartość atrybutu (np. dla koloru tekstu będzie to: red, blue czy też #31F4A5 itd.). Wartość zależy ściśle od cechy, po której stoi w...
- CSS dla zielonych / Edytory CSS
...specjalnych edytorów przyspiesza i ułatwia nam pracę oraz zmniejsza ryzyko popełnienia błędów. Pozwalają automatycznie zdefiniować np. wielkość i kolor czcionki, kolor odsyłaczy czy tła (za pomocą specjalnych generatorów). Kolorowanie składni sprawia, że natychmiast odnajdziemy wszystkie błędy. Kreatory stylów (ang. wizards) są najczęściej wbudowane w edytory HTML. Zwykle wybór tego samego edytora do tworzenia dokumentów HTML i arkuszy CSS jest dobrym pomysłem. Jednak jeśli chcesz, możesz...
- CSS dla zielonych / Wstawienie arkusza stylów CSS <link "stylesheet">
...serwisu. Czyż to nie jest piękne? Już nigdy więcej nie będzie Cię czekać żmudne przerabianie każdej podstrony tylko po to, aby zmienić na niej np. kolor albo rozmiar tekstu 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości wstawiania stylów CSS na stronach internetowych, zobacz rozdział: Wstawianie stylów. Pytania i odpowiedzi <link "stylesheet"> Jak dodać styl CSS? Najbardziej zalecanym sposobem wstawienia stylów CSS jest dodanie arkusza...