lewej strony - Kurs HTML i CSS
Układ elastyczny CSS / Flexbox...po niej rozbudowane menu nawigacyjne. Niestety w takiej sytuacji nie można było stworzyć prawdziwie elastycznego układu strony, z kolumną menu po lewej stronie, a treścią artykułu zajmującą całą wolną przestrzeń po prawej. Na szczęście CSS3 rozwiązuje ten problem. Nie trzeba już stosować tabelek, pozycji absolutnych ani trików z płynnym układaniem elementów. Dzięki koncepcji układu elastycznego (ang. flexible box layout lub w skrócie: flexbox) dostajemy zaawansowane możliwości...
- Marginesy CSS / Lewy margines {margin-left}
...dodatkową odległość od lewego brzegu strony. Przykład {margin-left} To jest akapit z lewym marginesem margin-left: 4cm i dlatego jest oddalony od lewej krawędzi strony o 4cm.
Kolory HTML / Sposoby definiowania kolorów HTML...niektóre cyfry w zapisie (HEX). Najlepsze rezultaty (widoczne różnice) można otrzymać, zmieniając pierwszą, trzecią lub piątą cyfrę (w kolejności od lewej strony). Dowolny kolor tekstu oraz tła strony możesz sprawdzić tutaj.
- Selektory pseudoklas CSS / Zaznaczenie :checked
...<option>Opcja 2</option> <option>Opcja 3</option> </select> </form> otrzymamy formularz, w którym zaznaczone pola mają dodatkowy margines z lewej strony (aby to sprawdzić zmień zaznaczenie wybranych kontrolek): Opcja 1 Opcja 2 Opcja 3 Zaznaczona opcja listy rozwijalnej (ostatnia z powyższych kontrolek) będzie wyróżniona najprawdopodobniej tylko w przeglądarce Firefox.
- Selektory pseudoklas CSS / Domyślne :default
...<button type="reset">Wyczyść</button> </div> </form> otrzymamy formularz, w którym domyślne kontrolki mają dodatkowy margines z lewej strony: Opcja 1 Opcja 2 Opcja 3 Wyślij Wyczyść
- Znaki specjalne HTML / Przedmioty - emotikony (emoji)
...z pałeczkami 🥁 🪘 Długie bęben 🪘 Telefon 📱 Telefon komórkowy 📱 📲 Telefon komórkowy ze strzałką w prawo z lewej strony 📲 ☎ Czarny telefon ☎ 📞 Odbiornik telefoniczny 📞 📟 Pager 📟 📠 Faks 📠 Komputer 🔋 Bateria 🔋 🔌 Wtyczka elektryczna 🔌 💻 Komputer osobisty 💻 🖥 Komputer stacjonarny 🖥 🖨 Drukarka 🖨 ⌨ Klawiatura ⌨ 🖱...
- Tabele CSS / Rozplanowanie tabeli {table-layout}
...linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on maksymalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu będzie to długość całego tekstu zapisanego w jednej linii (bez zawijania). Przebieg pierwszej części algorytmu jest następujący: Obliczana...
- Menu w CSS / Poziome menu
...pomiędzy nimi, a nie wewnątrz nich. Zalety: Prawidłowa interpretacja w większości przeglądarek Możliwość łatwego wyrównania odnośników do lewej lub prawej strony, a także wyśrodkowania Nie wpływa na elementy znajdujące się poniżej Wady: Brak możliwości ustalenia jednakowej szerokości pozycji listy Odstępy między odnośnikami zależą od rodzaju i rozmiaru czcionki, a przy tym nie mogą być mniejsze niż szerokość jednej spacji Ustawiając wyświetlanie w bloku (block) oraz oblewanie...
- Tabele HTML / Struktura tabeli HTML <table, tr, td>
...ale jednocześnie nie przekroczyć dostępnej szerokości strony. Jeśli jednak tabela zawiera krótką treść, nie zostanie rozciągnięta, ale ustawi się po lewej stronie ekranu. Aby wyśrodkować taką wąską tabelę, można się posłużyć następującym kodem: <table style="margin: auto">...</table>.
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...1cm) Rzeczywiście w wielu przypadkach, praktycznie nie można ich odróżnić, np.: Dla tego akapitu został określony margines wewnętrzny po lewej stronie, który wygląda tak samo, jak zwykły margines (margin). Aby zrozumieć, jaka jest różnica pomiędzy zwykłym a wewnętrznym marginesem, spójrz na poniższy przykład: Po wpisaniu: <p style="background-color: silver; margin: 1cm; padding: 5mm">...</p> Otrzymamy: To jest akapit z określonym marginesem zewnętrznym - 1cm (to ta odległość...