arkusze - Kurs HTML i CSS
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...
- Drukowanie CSS / Druk dwustronny @page :left :right
...nieparzyste strony, a następnie przekładając je odwrotnie z powrotem do podajnika papieru i uruchamiając wydruk stron parzystych. Jeśli takie arkusze papieru chcielibyśmy później spiąć jak książkę, dla wygodniejszego odwracania kartek marginesy wydruku powinny być asymetryczne. Gdy rozłożymy spięty wydruk, kartka leżąca po lewej stronie powinna mieć prawy margines szerszy, a kartka po prawej stronie - lewy margines szerszy. Taki efekt można uzyskać stosując pseudoklasy :left i :right...
- Jednostki CSS / Kąty
Wartoś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...
- CSS dla zielonych / Edytory CSS
...prostego edytora tekstu. Jednak dużo lepszym wyborem jest skorzystanie z pomocy specjalnie przygotowanego do tego edytora CSS. Dzięki temu praca nad arkuszem stylów będzie wygodniejsza i szybsza, a rezultaty powinny być pozbawione popularnych błędów - jak np. literówek w nazwach poleceń. Jaki edytor do CSS? Istnieją specjalne edytory przeznaczone tylko do języka CSS. Nie są one jednak zbyt popularne i przez to często dawno przestały być już rozwijane. Najlepszym rozwiązaniem jest użycie...
- 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...
Indeks, wyszukiwarka / Przykład indeksu, wyszukiwarkivar indeks = new Indeks('indeks'); indeks.wstaw(new Array( ['BODY i META','../html/body.html'], ['CSS 2','../css/css.html'], ['Czcionki','../css/czcionki.html'], ['Definicje','../css/definicje.html'], ['Dla zielonych','../html/zielony.html'], ['Drukowanie','../css/drukowanie.html'], ['Formularze','../html/formularze.html'], ['HTML 4.01','../html/html.html'], ['I co dalej...','../html/dalej.html'], ['Jednostki','../css/jednostki.html'], ['Języki','../html/jezyki.html'], ['Kaskadowe...
- Menu rozwijane, otwierane, wysuwane / Czas rozwijania/zwijania
Aby 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...
- 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...