wygląd - Kurs HTML i CSS
Kursory CSS / Kształt kursora {cursor}...(CSS 3) - interpretuje Firefox 24, Opera 24, Chrome 37 Przykład Wskaż ten tekst myszką Pytania i odpowiedzi {cursor} Jak zmienić wygląd kursora? Aby zmienić wygląd kursora na stronie internetowej, można użyć CSS i właściwości cursor. Na przykład, aby zmienić kursor na obrazek dłoni, można użyć poniższego kodu: "cursor: pointer". Jak zmienić kursor w CSS? Aby zmienić kursor za pomocą CSS, należy użyć właściwości cursor. Możesz ustawić różne wartości dla tej...
- CSS dla zielonych / Arkusz stylów CSS
...albo, jeśli wolisz, dedykowanego edytora CSS. W pliku tym wpisuje się listę tzw. reguł stylów, za pomocą których możliwe jest określanie wyglądu elementów na stronie. Każda reguła stylów składa się zawsze z dwóch następujących bezpośrednio po sobie części: Selektora - czyli elementu (znacznika) na stronie, któremu chcemy zmienić wygląd Deklaracji ujętej w nawiasy klamrowe, w której określa się, w jaki sposób chcemy zmienić wygląd selektor1 { Tu wpisuje się deklaracje stylów...
- CSS dla zielonych / Ramki z tekstem CSS {background-color, padding, padding-top, padding-bottom, padding-left, padding-right, border-width, border-style, border-color, border-radius}
...zastosowaniem klas selektorów mogą być np. ramki wizualnie wyróżniające tekst, który się w nich znajduje. Wystarczy, że raz zdefiniujemy ich wygląd w arkuszu stylów: .nazwa-klasy { deklaracje stylów } by następnie w miarę potrzeb móc ich wielokrotnie używać w dowolnym dokumencie HTML na naszej stronie: <div class="nazwa-klasy">dowolny tekst...</div> Przypominam, że w arkuszu stylów (pierwsze polecenie powyżej) nazwa-klasy musi być poprzedzona znakiem kropki (w tym miejscu po...
Nagłówek i treść HTML / Strona mobilna <link media>...Ten link informuje przeglądarkę o istnieniu alternatywnej wersji strony przeznaczonej dla urządzeń o mniejszych ekranach. Jak sprawdzić wygląd strony na urządzeniach mobilnych? Aby sprawdzić wygląd strony na urządzeniach mobilnych, można skorzystać z narzędzi deweloperskich przeglądarki, takich jak tryb responsywności. Wchodząc w inspekcję elementu (Ctrl+Shift+I), można przełączyć się w tryb responsywności (ikona ze smartfonem) i dostosować widok do różnych rozmiarów ekranów...
- Tekst HTML / Kod poprawny semantycznie
...HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I (pochylenie), U (podkreślenie), S (przekreślenie), SMALL (czcionka pomniejszona). Użycie tych znaczników gwarantuje, że w każdej sytuacji tekst otrzyma określone formatowanie (wygląd), ale nic nie mówi o charakterze tego tekstu * . Innymi...
- Znaki specjalne HTML / ISO 8859-1 (Latin-1)
Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Nazwa Opis Objaśnienie Wygląd   Non-breaking space "Niełamliwa" spacja ¡ ¡ Inverted exclamation mark Znak odwróconego wykrzyknika ¡ ¢ ¢ Cent sign Znak centa ¢ £ £ Pound sign Znak funta £ ¤ ¤ Currency sign Znak waluty ¤ ¥ ¥ Yen sign Znak jena ¥ ¦ ¦ Broken vertical bar Przełamana pionowa...
- Znaki specjalne HTML / Symbole
W tabeli poniżej znajdziesz listę symboli tekstowych - np. używanych we wzorach matematycznych. Więcej znaków specjalnych przedstawiających różne symbole w postaci ikon piktogramów znajdziesz w rozdziale: Emotikony (emoji). Na przykład: 😀 👋 🐵 🍇 🌍 🎃 👓 🏧 🏁 i wiele więcej. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Nazwa Opis Objaśnienie Wygląd ƒ ƒ Latin small "f" with hook (function, florin) Łacińskie małe "f" z "haczykiem" (funkcja...
- Znaki specjalne HTML / Podróżowanie i miejsca - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Objaśnienie Wygląd Mapa 🌍 Kula ziemska Europa-Afryka 🌍 🌎 Kula ziemska Ameryki 🌎 🌏 Kula ziemska Azja-Australia 🌏 🌐 Kula ziemska z południkami 🌐 🗺 Mapa świata 🗺 🗾 Zarys Japonii 🗾 🧭 Kompas, busola 🧭 Miejsca geograficzne 🏔...
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Objaśnienie Wygląd Ubrania 👓 Okulary 👓 🕶 Okulary przeciwsłoneczne 🕶 🥽 Gogle 🥽 🥼 Kitel (biały fartuch) 🥼 🦺 Kamizelka bezpieczeństwa 🦺 👔 Krawat 👔 👕 Koszulka 👕 👖 Dżinsy 👖 🧣 Szalik 🧣 🧤 Rękawiczki 🧤...
- Znaki specjalne HTML / Symbole - emotikony (emoji)
Możesz szybko wyszukać dowolną ikonę emoji używając w tym celu specjalnego generatora. Wskaż myszką wybrany symbol w kolumnie "Wygląd", aby go powiększyć: Numer Objaśnienie Wygląd Znaki transportowe 🏧 Bankomat 🏧 🚮 Znak wyrzuć śmieci we właściwym miejscu 🚮 🚰 Znak woda zdatna do picia 🚰 ♿ Symbol wózka inwalidzkiego ♿ 🚹 Dla mężczyzn 🚹 🚺 Dla kobiet 🚺 🚻 Toaleta 🚻 🚼 Znak dziecko 🚼...