bloki - Kurs HTML i CSS
HTML5 / Zmienione elementy i atrybuty HTML5...DL Lista opisowa (ang. description list). Nie nadaje się teraz do oznaczania dialogów. FIELDSET Nie musi zawierać elementu LEGEND. HR Oddziela bloki tematyczne sekcji artykułu na poziomie akapitów. I Oznacza np. termin techniczny, idiom z innego języka albo fragment wtrąconego tekstu. LABEL Kliknięcie na etykietę nie musi już oznaczać automatycznego przeniesienia kursora tekstowego do skojarzonego z nią pola formularza, chyba że takie jest standardowe zachowanie systemu operacyjnego...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...CSS Omówienie trzech sposobów dodania CSS (zewnętrzny, wewnętrzny, inline), nacisk na <link rel="stylesheet">. 10 min - Składnia CSS Selektory, bloki deklaracji (właściwości, wartości). Przykłady formatowania całej strony i pojedynczych elementów. 15 min - Praktyczne ćwiczenia Uczniowie tworzą stronę HTML i dodają arkusz stylów zmieniający: kolor tła i tekstu, czcionkę i jej rozmiar, wyrównanie tekstu w akapitach i nagłówkach. 5 min - Zadanie domowe Dokończyć stronę z prostymi...
Marginesy CSS / Załamywanie marginesów...Przykład Po wpisaniu następującego kodu: <div style="margin-bottom: 20px">1</div> <div style="margin-top: 50px">2</div> na ekranie zobaczymy dwa bloki, pomiędzy którymi margines będzie wynosił 50px, a nie 70px (nie suma).
- Wstawianie stylów CSS / Kaskadowość stylów
...dokumentu (inline). Zatem priorytet ważności stylów (pierwszeństwo) wyglądałby tak: Styl lokalny (inline) Rozciąganie stylu (SPAN) Wydzielone bloki (DIV) Wewnętrzny arkusz stylów Import stylów do wewnętrznego arkusza Zewnętrzny arkusz stylów Import stylów do zewnętrznego arkusza (Atrybuty prezentacyjne HTML - np. align="...", bgcolor="...", color="...", height="...", width="..." i inne) Style o wyższym priorytecie ważności (na początku listy) mają pierwszeństwo w modyfikowaniu...
- Pozycjonowanie CSS / Nakładanie {z-index}
...(z-index: 1) Kontekst drugi (z-index: 1) Element z kontekstu drugiego (z-index: 2) Element z kontekstu drugiego (z-index: 1) Gdyby bloki oznaczone jako "kontekst" (pierwszy i drugi) nie miały przypisanej wartości z-index", nie powinny wyznaczać kontekstu stosu. Wtedy kolejność nakładania powinna być następująca (poczynając od elementów przykrytych na samym spodzie): "z-index: 1" (blok pierwszy), "z-index: 1" (blok drugi), "z-index: 2" (blok pierwszy), "z-index: 2" (blok...