kolory - Kurs HTML i CSS
Ikony (symbole) / Formatowanie tekstuMożesz szybko wyszukać dowolną ikonę używając w tym celu specjalnego generatora. Wybierz wariant ikony, a następnie kliknij przycisk "Pobierz". Możesz dopasować kolor i rozmiar przy użyciu kontrolek znajdujących się w nagłówku tabeli. Nazwa Wariant Opis description description Kopia treści content_copy content_copy Pulpit nawigacyjny dashboard dashboard Edytuj notatkę edit_note edit_note Książka menu menu_book menu_book Widok siatki grid_view grid_view Lista list list Folder folder...
- Promocja strony WWW / Bannery i buttony
...zaczynają pomijać wzrokiem wszelkie grafiki, które przypominają reklamy, tzn. mają standardowo przypisywane do reklam wymiary, bardzo jaskrawe kolory lub zbyt natarczywą animację. Tekst na bannerze powinien być w miarę krótki - zostawienie pewnych niedopowiedzeń może dodatkowo zachęcić do odwiedzin. Dobrze jest dobrać właściwe wyrazy na reklamie: umieszczenie napisu "za darmo" da raczej lepsze rezultaty niż np. "zadłuż się" 🙂. Obserwacje wykazały, że zwykle lepsze efekty przynosi...
Menu w CSS / Pionowe menu...domyślne podkreślenie (text-decoration: none) i swobodnie je stylizujemy - m.in. dodając szerokie obramowanie z lewej strony. Zmieniamy nieco kolory prezentacji linków po wskazaniu myszką, a także zwiększamy szerokość lewego obramowania, uzyskując efekt wysuwania tekstu w prawo. Skoro zmianie uległa szerokość obramowania, musimy zmienić także szerokość bloku odnośnika. Czcionki Tekst Tło Marginesy Obramowanie ul, ul li { display: block; list-style: none; margin: 0...
- Tło CSS / Gradient promienisty {background: radial-gradient repeating-radial-gradient}
...kolor2 odległość2... - oznaczają to samo, co w przypadku gradientu liniowego. Gradient promienisty jest tworzony analogicznie jak liniowy, tylko kolory rozchodzą z jednego punktu (domyślnie w centrum powierzchni) równomiernie na zewnątrz we wszystkich kierunkach, aż do narożnika elementu. Wygląda to tak, jakbyśmy patrzyli na oświetloną kulę (bądź elipsoidę) albo powierzchnię oświetloną latarką. Zatem linia gradientu biegnie ze środka na zewnątrz: Większość zmiennych w deklaracji...
- CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}
...black; color: white; } ustawi czarny kolor tła i biały kolor tekstu. Jak ustawić kolor RGB w CSS? W języku CSS możemy stosować takie same kolory jak w HTML. Na przykład aby ustawić na całej stronie czarny kolor tła i biały kolor tekstu w notacji heksadecymalnej, wystarczy w arkuszu stylów wstawić następującą regułę stylów: body { background-color: #000000; color: #FFFFFF; }.
- CSS dla zielonych / Klasy selektorów CSS <div class>
...użyć np. znaku myślnika. Co ważne, nawet jeśli ustaliliśmy kolor tła oraz tekstu na całej stronie, menu nawigacyjne nadal może mieć swoje własne kolory. Deklaracje wyglądu przypisane do klasy są ważniejsze niż te przypisane do znacznika. Możemy nawet określić oddzielny kolor odsyłaczy, które znajdują się w menu. Robi się to poprzedzając w selektorze właściwe znaczniki nazwą klasy. W tym przypadku spacja pomiędzy nazwą klasy a nazwą znacznika odsyłacza jest konieczna. .menu-nawigacyjne a...
- Dziedziczenie stylów CSS / Przywrócenie wartości pierwotnej {...: revert}
...Dzięki niemu jeśli umieścimy pogrubienie wewnątrz pochylenia, jego kolor tekstu oraz tła, a także waga czcionki przyjmą wartość "revert". Zatem kolory zostaną odziedziczone z akapitu (tekst będzie zielony), natomiast sama treść zostanie standardowo wytłuszczona. Dla zainteresowanych Powyższy efekt został uzyskany przy pomocy selektora typu i selektora potomka umieszczonych w arkuszu stylów: p { color: green; } p b { color: white; background-color: blue; font-weight: normal; } p i b...