arkusze - Kurs HTML i CSS
Jednostki CSS / KątyWartości kątowe są używane przez słuchowe arkusze stylów (aural). Format wartości kątowej składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki kąta. Wartość kątowa może być ujemna. Jednostkami kątów są: deg - stopnie (1deg = 1.11111...grad = 0.01745...rad) grad - gradusy (1grad = 0.9deg = 0.01571...rad) rad - radiany (1rad = 57.29578...deg = 63.66198...grad) turn - obroty (CSS 3) Kąt pełny: 360deg = 400grad = 2πrad = 1turn...
- Media CSS / Typy mediów
...są odbiciem urządzeń docelowych, dla których stosowne własności mają sens (CSS 2): all Dla wszystkich urządzeń aural Syntezatory mowy (słuchowe arkusze stylów) - CSS 2.1 wprowadza zamiast tego typ speech braille Urządzenia do czytania braillem (dla niewidomych) embossed Drukarki brailla handheld Urządzenia ręczne (zwykle mały ekran, czarno-białe, ograniczone pasmo) print Materiały drukowane nieprzezroczyste i podgląd wydruku projection Prezentacje projektorowe lub nadruki na folii...
Menu rozwijane, otwierane, wysuwane / Czas rozwijania/zwijaniaAby przyspieszyć lub zwolnić rozwijanie/zwijanie pozycji menu, należy powtórzyć wszystkie przedstawione kroki, poza ostatnim (wywołanie skryptu), który tym razem należy wykonać następująco: <script> new Menu('menu0', '', false, false, czasRozwin, czasZwin); </script> czasRozwin Czas w milisekundach (1 s = 1000 ms), w którym następuje rozwinięcie pojedynczego elementu menu (<dd>...</dd>). Aby wymusić natychmiastowe rozwinięcie wszystkich elementów, należy podać wartość 0 (zero). czasZwin...
- Wstawianie stylów CSS / Kaskadowość stylów
Spis treści Kaskadowość stylów Łamanie kaskadowości !important Kaskadowość stylów Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony stylów z różnych źródeł. Na przykład: na naszej stronie używamy zewnętrznego arkusza stylów, deklaracji stylów w nagłówku strony, a także stylów typu inline, przy czym dotyczą one formatowania dokładnie tego samego elementu (np. kroju czcionki). Co się stanie w takim przypadku? Czy nie powstaną konflikty? A może komputer się...
- Menu rozwijane, otwierane, wysuwane / Menu otwierane
Spis treści Menu otwierane Opóźnienie przy otwieraniu/zamykaniu Menu otwierane Czasem przydatne jest wstawienie menu, które otwiera się po wskazaniu nagłówka myszką, a chowa automatycznie po usunięciu wskaźnika myszki z obrębu wybranego fragmentu menu. <script> new Menu('menu0', '', true); </script> Przykład Wskaż poniższe nagłówki menu myszką: HTML Dla zielonych BODY i META Tekst Odsyłacze Tabele Multimedia Ramki Formularze CSS Kaskadowe Arkusze Stylów Definicje...
HTML5 / Przestarzałe elementy i atrybuty HTML5...element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte nim arkusze CSS, nawet jeżeli przeglądarka obsługuje skrypty), co nie jest możliwe w języku XML Przestarzałe atrybuty przestarzałe atrybuty dla elementów rev, charset LINK, A shape, coords A longdesc IMG, IFRAME target LINK nohref AREA profile HEAD version HTML name IMG scheme META archive, classid...
- CSS dla zielonych / Zaczynamy kurs CSS!
Zapewne znasz już podstawy języka HTML - jeśli nie, zapraszam najpierw do lektury rozdziału: HTML dla zielonych. Skoro nadal czytasz, zapewne oznacza to, że potrafisz stworzyć przynajmniej prostą stronę internetową zawierającą tekst, obrazki i odsyłacze. Chociaż treść jest najważniejszym elementem każdej strony WWW, to przecież wygląd też się liczy. I właśnie do tego służy język CSS (Kaskadowe Arkusze Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę...
- CSS dla zielonych / Arkusz stylów CSS
...który stanowi tzw. arkusz stylów, a następnie dołączamy go do dokumentu HTML [zobacz: Wstawienie arkusza stylów]. Czym są i do czego służą arkusze stylów CSS? Arkusz stylów CSS jest plikiem tekstowym służącym do ustalania wyglądu strony internetowej. Zawiera on tzw. reguły stylów. Z kolei każda z nich składa się z selektora i deklaracji stylów. Poszczególne deklaracje obejmują listę poleceń, które określają, w jaki sposób chcemy zmienić wygląd elementu na stronie wskazanego przez...
- HTML5 / Priorytet ładowania <img fetchpriority, link fetchpriority, script fetchpriority>
...wartość domyślna Na stronie internetowej możemy osadzić wiele zasobów ładowanych z zewnętrznych plików - takich jak: obrazki, skrypty czy arkusze stylów. Aby przyspieszyć proces wczytywania takich elementów, mogą być one ładowane równocześnie. Przeglądarka jednak nie wie, które z nich w każdej spośród tych grup są ważniejsze, a które mniej ważne. W konsekwencji elementy kluczowe dla działania strony mogą zostać załadowane na samym końcu, przez co użytkownik będzie musiał dłużej na...
- Drukowanie CSS / Rozmiar papieru @page {size}
...W większości domowych drukarek domyślnym formatem papieru jest A4. Jednak często posiadają one uniwersalny podajnik, do którego można załadować arkusze również w innych formatach - np.: A3, A5, B5. Przed uruchomieniem wydruku, podobnie jak w przypadku orientacji papieru, użytkownik może zmienić również format papieru. Możemy mu to jednak ułatwić, od razu podając preferowany format w postaci szerokości i ewentualnie wysokości. Formaty papieru Format Szerokość Wysokość A5 148mm 210mm...