Przejdź do treści

arkusz stylów - Kurs HTML i CSS

  • CSS
    Media CSS / Dostosowanie stylów CSS do różnych urządzeń

    ...że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z tych powodów konieczne jest określenie, że dany arkusz stylów lub jego część jest przyporządkowana do pewnego z mediów.

  • Skrypty
    Menu rozwijane, otwierane, wysuwane / Pozycja absolutna

    ...strony, które znajdują się poniżej określonej pozycji. Dlatego pozycję należy ustalać nie poprzez atrybut style="..." ani wewnętrzny czy zewnętrzny arkusz stylów, tylko modyfikując fragment kodu wywołujący skrypt: <script> new Menu('menu0', 'position: absolute'); </script> Powyższy sposób pozycjonuje blok menu w miejscu, w którym został wstawiony, ale rozwijanie i zwijanie nie powoduje już żadnych przesunięć pozostałych elementów strony. Można oczywiście dokładnie ustalić pozycję bloku...

  • CSS
    Czcionki CSS / Wariant pozycji czcionki {font-variant-position}

    ...takiego wariantu, niestety nie jest to normą. Z tego powodu zaleca się stosować zapytania właściwości. Dzięki użyciu zapytań właściwości poniższy arkusz stylów zostanie zastosowany tylko w przeglądarkach obsługujących wariant pozycji czcionki. W pozostałych przypadkach po wstawieniu w tekście indeksu dolnego lub górnego wysokość linii co prawda się powiększy, ale przynajmniej wygląd indeksów nie będzie popsuty: @supports (font-variant-position: sub) { sub { vertical-align: baseline...

  • HTML
    HTML5 / Wstępne ładowanie <link "preload" as>

    ...w języku HTML - audio, document (dokument HTML), embed, frame, iframe, image, object, track, video w języku CSS - font, style (zewnętrzny arkusz stylów oraz import arkusza stylów) w języku JavaScript - fetch, json, script w języku XML - xslt (ang. Extensible Stylesheet Language Transformations) typ Odpowiedni typ MIME lokalizacja Ścieżka dostępu albo adres URL wskazujące na miejsce, skąd ma zostać załadowany zewnętrzny zasób Domyślnie przeglądarki internetowe wczytują...

  • HTML
    Komendy HTML 4.01 / Wykaz elementów

    ...bloku STRIKE wymag/wymag w linii Tekst przekreślony STRONG wymag/wymag w linii Mocne wyróżnienie tekstu STYLE wymag/wymag   Arkusz stylów SUB wymag/wymag w linii Indeks dolny SUP wymag/wymag w linii Indeks górny TABLE wymag/wymag w bloku Tabela TBODY opcj/opcj   Ciało tabeli TD wymag/opcj   Komórka danych tabeli TEXTAREA wymag/wymag w linii Wieloliniowe pole tekstowe TFOOT wymag/opcj   Stopka tabeli TH wymag/opcj   Komórka...

  • CSS
    Definicje / Pośrednik użytkownika

    (user agent - UA) Dowolny program, który interpretuje dokument i stosuje związany arkusz stylów zgodnie z określeniami specyfikacji. Pośrednik użytkownika może wyświetlać dokument, czytać go na głos, spowodować jego wydrukowanie, przekształcić na inny format itd.

  • CSS
    Oprawa graficzna / Zamiennik obrazkowy

    ...WWW tylko za pomocą stylów CSS. Wiesz już, w jaki sposób można przygotować optymalny kod HTML, a następnie za pomocą w zasadzie drobnych wpisów w arkuszu CSS, wprowadzać daleko idące zmiany wyglądu witryny. Nie jest żadnym kłopotem zmiana ułożenia menu nawigacyjnego z orientacji pionowej do poziomej ani przeniesienie całej kolumny nawigacyjnej z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać...

  • CSS
    CSS dla zielonych / Zaczynamy kurs CSS!

    ...czy warto się uczyć języka CSS, zobacz rozdział: Dlaczego warto używać CSS?. Jeśli język CSS jest dla Ciebie "czarną magią" i wydaje Ci się, że arkusz CSS (miejsce gdzie określa się wygląd strony) jest jakimś tajemniczym i bardzo skomplikowanym dokumentem, to się mylisz. Zaprojektowanie wyglądu strony internetowej jest prostsze niż Ci się wydaje. Zatem nie trać już czasu na wymówki typu: Ja się niczego nie nauczę! i tym podobne, bo to nieprawda. Zacznij już lepiej czytać. Mam tylko jedną...

  • HTML
    HTML5 / Nowe atrybuty HTML5

    ...FIELDSET Czy potomne kontrolki formularza, z wyjątkiem tych wewnątrz elementu LEGEND, są wyłączone disabled LINK (rel="stylesheet") Czy arkusz stylów jest zablokowany download A, AREA Czy pobrać zasób zamiast nawigować do niego oraz jego nazwa pliku, jeśli tak draggable Wszystkie elementy Czy element jest przeciągalny enterkeyhint Wszystkie elementy Wskazówka dotycząca wyboru działania przypisanego do klawisza Enter fetchpriority IMG, LINK, SCRIPT Ustawia...

« 1 2 3 4

★★★★★ 5/5 (131)

Facebook