elementy - Kurs HTML i CSS
Tekst HTML / Kod poprawny semantycznie...ADDRESS (adres), INS i DEL (zmiany), ABBR (skrót), DFN (definicja). Nie ma żadnej pewności, w jaki sposób zostaną wyświetlone na ekranie te elementy. Co prawda zwykle np. znacznik <strong>...</strong> jest pogrubiony, ale nic nie stoi na przeszkodzie, aby jakaś specjalna przeglądarka wyświetliła go normalnie, a jedynie ze zmienionym na czerwono kolorem. W przypadku znaczników semantycznych to nie sposób formatowania jest najważniejszy, ale informacje jakie ze sobą niosą. Element...
Szablon strony na DIV-ach / Semantyczny szablon strony...na szkoleniu redaktorów w obsłudze nowego serwisu, dzięki czemu pozostawisz konkurencję daleko w tyle. Ponadto możesz wykorzystywać raz opracowane elementy we wszystkich serwisach portalu, wszędzie elastycznie dopasowując ich wygląd do lokalnego szablonu. Analogicznie jak we wspomnianym wcześniej rozdziale pt. Menu w CSS, także i tutaj z góry ustalimy kod HTML, który następnie będzie wykorzystywany we wszystkich przykładach w tym rozdziale. Zmieniając wygląd kolejnych przygotowywanych...
Menu rozwijane, otwierane, wysuwane / Pozycja absolutna...absolutna Inicjalizacja Menu otwierane Szczególnie dla menu otwieranego dość nieprzyjemną właściwością jest fakt, że przy jego rozwijaniu elementy poniżej są przesuwane w dół. Można temu zapobiec określając odpowiednią pozycję absolutną bloku. Oczywiście można to zrobić bezpośrednio dodając odpowiednie deklaracje CSS. Jednak trzeba przewidzieć, co się stanie, jeśli przeglądarka użytkownika nie będzie obsługiwać JavaScript. Samo menu nadal będzie funkcjonalne pod względem nawigacji...
- Komendy CSS3 / Kolory CSS
...treści color opacity color Kolor pierwszoplanowy Wartość <color> | inherit Inicjalizacja zależy od przeglądarki Zastosowanie wszystkie elementy Dziedziczenie tak Procenty nie opacity Przezroczystość Wartość <alphavalue> | inherit Inicjalizacja 1 Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie
- Komendy CSS3 / Wyświetlanie CSS
...<display-inside> ] | <display-listitem> | <display-internal> | <display-box> | <display-legacy> Inicjalizacja inline Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie order Kolejność Wartość <integer> Inicjalizacja 0 Zastosowanie dzieci kontenera elastycznego i dzieci kontenera układu siatki Dziedziczenie nie Procenty nie visibility Widzialność Wartość visible | hidden | collapse Inicjalizacja visible Zastosowanie wszystkie elementy Dziedziczenie tak...
- Selektory pseudoklas CSS / Korzeń :root
...tzn. element najbardziej nadrzędny, który nie ma żadnego rodzica, za to zawiera w sobie (bezpośrednio lub poprzez zagnieżdżenie) wszystkie inne elementy dokumentu. W języku HTML korzeniem jest zawsze element HTML, zatem selektor ten jest w tym przypadku raczej mało przydatny, ponieważ ten sam efekt uzyskamy poprzez użycie najprostszego selektora typu: html { cecha: wartość } Nie zapominajmy jednak, że CSS nadaje się do stylizowania również dokumentów XML, gdzie nie ma żadnego wymogu co...
- Ikony (symbole) / Formatowanie tekstu
...language_korean_latin language_korean_latin Bezstronicowy pageless pageless Zamykanie górnego panelu top_panel_close top_panel_close Rozciągnij elementy align_items_stretch align_items_stretch Konwertuj na tekst convert_to_text convert_to_text Język międzynarodowy language_international language_international Rozmiar pióra 4 pen_size_4 pen_size_4 Post post post Sześcian w stosie stack_hexagon stack_hexagon Dodaj wiersz poniżej add_row_below add_row_below Tablica sterowania 2...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...przygotowuje i publikuje prostą, ale kompletną stronę internetową zgodnie ze standardami W3C, zawierającą tekst, grafikę, tabele, listy, style CSS i elementy dynamiczne (np. zmiany koloru, prosty hover, interaktywność). Wymagania podstawy programowej Uczeń: przygotowuje opracowania rozwiązań problemów, posługując się wybranymi aplikacjami; tworzy stronę internetową zgodnie ze standardami, wzbogaconą tabelami, listami, elementami dynamicznymi; posługuje się arkuszem stylów; potrafi...
- Selektory pseudoklas CSS / Domyślne :default
...Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre elementy formularza mogą oznaczać domyślną akcję. Na przykład przycisk wysłania formularza powinien być domyślnym. Mimo iż w formularzu może się również znajdować przycisk czyszczenia danych, po wciśnięciu klawisza Enter w dowolnym polu tekstowym, formularz zostanie wysłany, a nie wyczyszczony. Podobnie grupa pól opcji, pola wyboru czy...
- Podcast HTML / #7 Widżety HTML
...location.href = "index.html";</script> Szablon strony bez ramek (PHP/SSI) W przypadku serwisów składających się z wielu podstron, powtarzające się elementy (nagłówek, menu, stopka) muszą być wstawione w każdym pliku. Ramki lokalne (<iframe>) mogłyby być teoretycznym rozwiązaniem, ale mają poważną wadę: w przypadku wczytywania podstron do ramki na pasku adresu wyświetla się cały czas ten sam adres. To powoduje problemy z dodawaniem podstron do ulubionych, przekazywaniem adresów oraz...