linii - Kurs HTML i CSS
Układ elastyczny CSS / Elastyczność {flex-grow, flex-shrink, flex-basis, flex}...(domyślnie - "1"). Jeżeli kontener elastyczny jest zbyt wąski, jego dzieci są ściskane. Zwykle odbywa się to poprzez przełamanie do nowej linii tekstu, który zawiera się w tych blokach. Baza elastyczna {flex-basis} selektor { flex-basis: baza } Selektorem mogą być dzieci kontenera elastycznego (ale nie sam kontener). Baza jest wartością określoną w jednostkach długości albo słowem kluczowym "auto" (domyślnie). Baza określa początkowy rozmiar elementu w kontenerze, zanim wolna...
- Układ elastyczny CSS / Wyrównanie wiersza {align-items, align-self}
...kontenera flex-end - do końcowej krawędzi kontenera center - wyśrodkowanie wiersza (dla tekstu w języku polskim - w pionie) baseline - zrównanie linii bazowych (poziomych prostych, łączących podstawy liter tekstu) stretch - rozciągnięcie do obu krawędzi jednocześnie (domyślnie) Polecenie steruje wyrównaniem jednego wiersza wewnątrz kontenera elastycznego, kiedy mają one różną wysokość. Przykład {align-items} align-items: flex-start To jest blok nr 1 blok 2 blok 3 align-items...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...nie zawsze jednak musi być kwadratowy. Dla uzyskania efektu zeszytu w linie wystarczy przygotować grafikę o wysokości odzwierciedlającej rozstaw linii, ale szerokości tylko jednego piksela. Proponuję poeksperymentować w dowolnym programie graficznym z różnymi wzorkami - to może być naprawdę dobra zabawa 🙂 Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu tła obrazkowego na stronach internetowych, zobacz rozdział: Tło obrazkowe...
- 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}
...a od razu po niej (koniecznie bez spacji!) jednostkę - np.: 1px. Zamiast "styl" należy wpisać jedną z następujących wartości określających wygląd linii obramowania: solid - linia ciągła dashed - linia przerywana dotted - linia kropkowa Natomiast "kolor" jest definicją koloru obramowania. Dla zainteresowanych Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy ustawianiu obramowania na stronach internetowych, zobacz rozdziały: Styl obramowania...
Obiekt wyrażenia regularnego - RegExp / Tworzenie obiektu wyrażenia regularnego - RegExp...pattern - wzorzec (domyślnie: "(?:)") String flags - flagi: g - dopasowanie globalne i - ignorowanie wielkości liter m - dopasowanie wielu linii Wartość: RegExp - instancja obiektu wyrażenia regularnego Wyjątki: TypeError - pattern jest typu RegExp i argument flags został zdefiniowany SyntaxError - nieprawidłowy wzorzec lub flagi Jeżeli pattern jest instancją obiektu RegExp, a argument flags nie został podany (albo wynosi undefined), funkcja zwraca obiekt przekazany jako...
Losowy element...<img> i stworzyć w ten sposób np. rotator bannerów lub buttonów. Niedozwolone jest jedynie używanie apostrofów i przenoszenie tekstu do następnej linii za pomocą klawisza Enter. Pamiętaj również, że każdy tekst musi być ujęty w apostrofy oraz po każdym wpisie (oprócz ostatniego!) należy postawić przecinek. Przykład (odśwież stronę, aby zobaczyć zmianę) Kilka losowych elementów Czasem może zajść konieczność wyświetlenia na ekranie kilku losowych elementów. Teoretycznie można w tym celu...
- Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...i treść Tytuł strony Deklaracja strony kodowej Opis zawartości strony Wyrazy kluczowe Język strony Tekst Akapit Tytuł Blok Koniec linii Pogrubienie CSS Czcionki Tekst Tło Marginesy Obramowanie Wykazy Rozmiary należy użyć kodu HTML: <dl id="menu0"> <dt>Kurs</dt> <dd> <dl> <dt><a href="...">HTML</a></dt> <dd> <dl> <dt><a href="...">Dla zielonych</a></dt> <dd><a href="...">...</a></dd> <dd><a href="...">...</a></dd> </dl> </dd>...