przykład - Kurs HTML i CSS
Tabele CSS / Obramowanie tabeli {border-collapse, border}...Jak dodać obramowanie do tabeli CSS? Aby dodać obramowanie do tabeli w CSS, użyj właściwości border na selektorze tabeli lub jej komórek. Na przykład, aby dodać obramowanie do wszystkich komórek tabeli: table { border: 1px solid black }. Możesz dostosować grubość, kolor i styl obramowania według własnych preferencji. Co robi "border-collapse"? W CSS, właściwość border-collapse jest używana do określenia, czy obramowania komórek w tabeli mają się stykać, czy zachować odstęp między...
- Tabele CSS / Rozmiary tabeli {width, height}
...{width}> Jak ustawić szerokość tabeli? Aby ustawić szerokość tabeli w CSS, można użyć właściwości width i przypisać jej odpowiednią wartość, na przykład: "width: 500px" lub "width: 50%" w zależności od preferencji. Jak dopasować tabelę do marginesów? Aby uzyskać efekt autodopasowania rozmiaru tabeli do okna, który jest znany z programu Microsoft Word, można ustawić szerokość tabeli na 100% za pomocą właściwości width, co spowoduje, że tabela zajmie całą dostępna przestrzeń w...
- Pozycjonowanie CSS / Wyświetlanie {display}
...w jaki będzie wyświetlony na ekranie dany element. Jest to bardzo przydatna funkcja, jeśli chcemy zrezygnować z domyślnego sposobu wyświetlania. Na przykład: wszystkie tytuły (<Hn>...</Hn>) są wyświetlane domyślnie w bloku, tzn. automatycznie są dodawane linijki przerwy pomiędzy danym tytułem a sąsiadującymi z nim elementami. Lecz dzięki poleceniu "display: inline" możliwe jest ustawienie dwóch sąsiednich tytułów w jednej linii. Natomiast użycie "display: list-item" okazuje się przydatne w...
- Pozycjonowanie CSS / Przezroczystość {opacity}
...do 1 (element całkowicie widoczny). Jak dodać przezroczystość? Aby dodać przezroczystość do elementu w CSS, używa się właściwości opacity. Na przykład: "opacity: 0.5" ustawia element na 50% przezroczystości. Czy jest kolor przezroczysty? W języku CSS istnieje specjalny kolor "przezroczysty". Można go osiągnąć za pomocą wartości transparent. Na przykład, aby ustawić przezroczyste tło elementu, można użyć: "background-color: transparent". Jak się pisze: "przeźroczysty" czy...
- Kursory CSS / Kursor obrazkowy {cursor: url}
...w CSS i określ odpowiednią wartość kursora. Możesz również użyć niestandardowego obrazka jako kursora za pomocą url('ścieżka/do/obrazka.png'). Na przykład: element { cursor: url('myszka.png'), auto } ustawi niestandardowy obrazek jako kursor, który zmieni się na domyślny (auto) w przypadku braku dostępności. Jak zrobić "customowy" kursor? Aby stworzyć niestandardowy kursor, można użyć właściwości cursor w CSS i wskazać ścieżkę do własnego obrazka kursora za pomocą...
- CSS dla zielonych / Czcionka CSS {font-size, font-family}
...do: Arial, Helvetica, Verdana, Tahoma, 'Trebuchet MS'), serif (podobna do: 'Times New Roman', Georgia), monospace (podobna do: 'Courier New'). Na przykład: body { font-size: medium; font-family: Arial, Helvetica, sans-serif; } W systemie Windows standardowo dostępne powinny być czcionki: 'Times New Roman', Arial, 'Courier New'. Dodatkowo od jakiegoś czasu z Internet Explorerem dostarczane były: Verdana, Tahoma, 'Trebuchet MS', Georgia - dlatego nawet dzisiaj wciąż są powszechnie...
- CSS dla zielonych / Marginesy strony CSS {margin, margin-top, margin-bottom, margin-left, margin-right}
...dolny; margin-left: lewy; margin-right: prawy; } Aby określić szerokość marginesu w pikselach, należy wpisać liczbę, a po niej jednostkę px. Na przykład: body { margin: 20px; } Inaczej niż w zasadach pisowni języka polskiego, w CSS nie można rozdzielać spacją liczby od jednostki. Pytania i odpowiedzi {margin} Jak ustawić marginesy w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklarację o odpowiedniej wartości. Na przykład: body...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...jego efektów dla wybranych sytuacji. Każda cecha CSS ma określoną wartość domyślną, która zostanie przyjęta, jeśli nie określimy inaczej. Na przykład dla wartości koloru tekstu może to być barwa czarna, a dla koloru tła - biała. Wartości domyślne są przypisywane podczas tzw. procesu inicjalizacji. Wartości domyślne (inicjalizacja) dla poszczególnych cech CSS możesz sprawdzić w rozdziałach: Komendy CSS 2 oraz Komendy CSS3. Specjalna wartość initial, którą można przypisać do dowolnej...
Losowy elementSpis treści Losowy element Kilka losowych elementów Wszystkie elementy w kolejności losowej Losowy element Często przydatną funkcją na stronie WWW może okazać się wyświetlenie losowego tekstu lub obrazka. Można w ten sposób np. zbudować bazę cytatów albo porad i prezentować je użytkownikowi losowo - jeden przy każdym wejściu na stronę. Innym zastosowaniem może być rotacja bannerów lub buttonów. Jeśli chcesz umieścić na swojej stronie kilka bannerów, ale masz na to tylko jedno miejsce...
Funkcje matematyczne - Math / Losowanie liczb - random...1 Zwraca liczbę pseudolosową. Co prawda nie można wprost podać zakresu, z którego chcemy wylosować liczbę, ale można to zrobić w inny sposób. Na przykład aby wylosować naturalną liczbę dwucyfrową (10...99), należy wpisać: 10 + Math.floor(Math.random() * 90) Przykład Math.random Math.random(); // np.: 0.29363602958619595 Wylosowanie liczby całkowitej z podanego przedziału Co prawda nie można wprost wylosować liczby z podanego przedziału wartości, ale da się to zrobić poprzez bardzo...