kolor - Kurs HTML i CSS
Ikony (symbole) / Biznes i płatności...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 Koszyk shopping_cart shopping_cart Płatności payments payments Torba na zakupy shopping_bag shopping_bag Monitorowanie monitoring monitoring Karta kredytowa credit_card credit_card Załącz pieniądze attach_money attach_money Długi paragon receipt_long...
- Ikony (symbole) / Mapy
...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 Upuszczenie pinezki pin_drop pin_drop Lokalizacja włączona location_on location_on Mapa map map Pinezka domu home_pin home_pin Eksploruj explore explore Restauracja restaurant restaurant Flaga flag flag Moja lokalizacja my_location my_location...
- Ikony (symbole) / Transport
...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 Wysyłka lokalna local_shipping local_shipping Wskazówki dla samochodu directions_car directions_car Lot flight flight Wskazówki dla biegania directions_run directions_run Wskazówki dla pieszo directions_walk directions_walk Start samolotu flight_takeoff...
- Ikony (symbole) / Aktywności
...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 Szkoła school school Kampania campaign campaign Budownictwo construction construction Inżynieria engineering engineering Aktywizm wolontariacki volunteer_activism volunteer_activism Nauka science science Sporty elektroniczne sports_esports...
- Ikony (symbole) / Podróż
...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 Apartament apartment apartment Lokalizacja miasta location_city location_city Centrum fitness fitness_center fitness_center Obiad lunch_dining lunch_dining Spa spa spa Domek cottage cottage Lokalna kawiarnia local_cafe local_cafe Hotel hotel hotel...
Selektory elementów CSS / Grupowanie selektorów...następująca reguła: b, i { color: red } to po wpisaniu: <b>pogrubienie</b> <i>pochylenie</i> otrzymamy tekst, napisany w całości czcionką koloru czerwonego: pogrubienie pochylenie Przykład ten działa tak samo jak: b { color: red } i { color: red } jednak jak widać, dzięki użyciu znaku przecinka, oszczędzamy sobie pisania. Dodatkowo jeśli kiedyś musielibyśmy zmienić ustalony wcześniej dla tych selektorów kolor tekstu, będzie wystarczyło zrobić to tylko w jednym miejscu.
- Ikony (symbole) / Gospodarstwo domowe
...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 Dom house house Łóżko bed bed Klimatyzacja ac_unit ac_unit Krzesło chair chair Prąd elektryczny electric_bolt electric_bolt Kawa coffee coffee Czujniki sensors sensors Opieka nad dziećmi child_care child_care Tylna ręka back_hand back_hand Awaryjny...
- Ikony (symbole) / Dom
...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 Kontroler Stadia stadia_controller stadia_controller Drzwi otwarte door_open door_open Liść Eco Nest nest_eco_leaf nest_eco_leaf Czujnik komfortu zdalnego Nest nest_remote_comfort_sensor nest_remote_comfort_sensor Zegar analogowy Farsight Nest...
- Wstawianie stylów CSS / 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ę...
- Selektory elementów CSS / Reguły stylów
...miałoby sensu. Z drugiej strony cecha ta może przyjmować tylko wartości takie jak: left, right, center, justify. Przypisanie do niej np. wartości koloru nie miałoby sensu. Przykład /* Pierwsza reguła: */ p { color: red } /* Druga reguła: */ p b { color: red; background-color: yellow } Powyżej mamy przykład dwóch reguł stylów: W pierwszej selektorem jest znacznik p, a deklaracja ma postać { color: red }. Cechą jest color, a wartością red. W drugiej selektorem jest zestawienie...