Alfabetyczna lista stylów

Podobne dokumenty
Znaczniki języka HTML

Inwestycja - kompleks dwóch budynków mieszkalnych wielorodzinnych

Tworzenie stron internetowych w kodzie HTML Cz 5

APLIKACJE INTERNETOWE 3 CSS - W Y G L Ą D S T R O N Y I N T E R N E T O W E J

zmiana koloru tła <body bgcolor = kolor > tło obrazkowe <body background= ścieżka dostępu do obrazka >

Wykład 2: Kaskadowe arkusze stylów (CSS Cascade Style Sheets)

ZAWSEZ PAMIĘTAMY O KOLJENOŚĆI OTWIERANIA I ZAMYKANIA ZNACZNIKÓW

HTML (HyperText Markup Language)

Tabele. Przykład 15a.htm. <HTML><HEAD><TITLE> Cennik</TITLE></HEAD><BODY><H3>Cennik</H3> <TABLE BORDER="1"> <TR>

HTML 1. Gimnazjum nr 1 w Barcinie gimbarcin.pl


Spis treści. Konwencje zastosowane w książce...5. Dodawanie stylów do dokumentów HTML oraz XHTML...6. Struktura reguł...9. Pierwszeństwo stylów...

Wykorzystano fragmenty wykładów dra inż. J. Kuchty ARKUSZE STYLÓW CSS. Dokumenty cyfrowe KASK ETI Politechnika Gdańska.

Języki programowania wysokiego poziomu. CSS Wskazówki

[ HTML ] Tabele. 1. Tabela, wiersze i kolumny

Dokument hipertekstowy

OBUDOWA ZALMAN Z3 PLUS MIDI TOWER (Z OKNEM, BEZ PS. ram sp. j.

Box model: Content. Content - obszar zawartości określany jest za pomocą deklaracji wysokości i szerokości.

Często używanym elementem języka HTML są tabele, które wykorzystuje się do wygodnego rozmieszczania informacji i obrazów.

PROGRAMOWANIE. WNPiD UAM, Programowanie, inż. Piotr Jabłoński

CSS - layout strony internetowej

HTML (HyperText Markup Language) hipertekstowy język znaczników

Tworzenie Stron Internetowych. odcinek 8

Norton Sec.3.0 STD PL CARD 1U 1Dvc 1Y Model : Norton Sec.3.0 STD PL CARD 1U 1Dvc 1Y ram sp. j.

Języki programowania wysokiego poziomu. HTML cz.2.

Nazwa implementacji: CSS i box model. Autor: Opis implementacji: Poznajemy podstawy CSS oraz dowiadujemy się o rozmieszczaniu elementów na stronie.

Tło CSS 3. Gabriela Panuś

Technologie Informacyjne

Podstawowe znaczniki języka HTML.

HTML podstawowe polecenia

Young Programmer: HTML+PHP. Dr inż. Małgorzata Janik, Zajęcia #2

GRID LAYOUT. Waldemar Korłub. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska

PERFORMANCE W JOOMLA! JAK SPRAWIĆ ABY STRONA DZIAŁAŁA SZYBCIEJ?

2. MATERIAŁ NAUCZANIA

CSS - 2. Właściwości tekstu, czcionek

Technika pracy nad układem strony

I. Wstawianie rysunków

Deklarowanie tytułu związanej z tabelą

Cel ogólny lekcji: Wprowadzenie dodatkowych znaczników. Wprowadzenie odsyłacza, tabeli, listy numerowanej i wypunktowanej.

ABC języka HTML i XHTML / Maria Sokół. wyd. 2. Gliwice, cop Spis treści

Bezbolesny wstęp do CSS

Tabela z komórkami nagłówkowymi (wyróżnionymi)

Programowanie WEB PODSTAWY HTML

Krótki przegląd własności języka CSS

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

Mailingi HTML. Specyfikacja techniczna

Ćw.4 Dokumenty HTML Przy pomocy języka znaczników opisać można strukturę witryny internetowej, postać i wygląd jej elementów.

Odsyłacze. Style nagłówkowe

Dzięki arkuszom zewnętrznym uzyskujemy centralne sterowanie wyglądem serwisu. Zewnętrzny arkusz stylów to plik tekstowy z rozszerzeniem css.

Wykład 5_2 Arkusze stylów dziedziczenie. Technologie internetowe Zofia Kruczkiewicz

Projektowanie aplikacji internetowych. CSS w akcji

Danuta ROZPŁOCH-NOWAKOWSKA Strona Moduł 4. Przykład 1. Przykład 2. HTML 4.01 Transitional).

Laboratorium 1: Szablon strony w HTML5

Podstawy pozycjonowania CSS

CSS & SASS / SCSS - Wprowadzenie do stylów, techniki zaawansowane oraz preprocesory

Marginesy, dopełnienia i obramowanie

Ćwiczenie 4 - Tabele

Z CSS3 szybciej i przyjemniej

Układy witryn internetowych

KASKADOWE ARKUSZE STYLÓW CSS (ang. Cascading Style Sheets)

LABORATORIUM 3 WSTĘP DO SIECI TELEINFORMATYCZNYCH CSS CECHY WYBRANYCH SELEKTORÓW

Responsywne strony WWW

Specyfikacja techniczna dot. mailingów HTML

Drukarka laserowa monochromatyczna Xerox Phaser 3052 V_NI drukowanie sieciowe Wi-Fi / LAN

Modele R/C > MODELE R/C PŁYWAJĄCE > SZYBKA ŁÓDŹ ŚLIZGACZ MOTORÓWKA ZDALNIESTEROWANA. europrice.pl. cellspacing="0" border="0" width="802">

Kaskadowe arkusze stylów cz. 2

Budowa aplikacji wielowarstwowych. Zastosowanie Kaskadowych arkuszy stylów (CSS)

Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu.

Oczywiście występują także znaczniki, bez ich odpowiednika kończącego, np. <BR>

Ćwiczenia laboratoryjne nr 8 Podstawy języka XML.

Wykorzystano fragmenty wykładów dra inż. J. Kuchty ARKUSZE STYLÓW CSS. Dokumenty cyfrowe KASK ETI Politechnika Gdańska.

Zadanie 3. Praca z tabelami

Technika pracy nad układem strony

Przy wstawianiu znacznika zamykającego nie przepisujemy już atrybutów.

CSS pozwala przypisać poszczególnym elementom na. grubość, rozmiar czcionki, kolor tła, odległości między

TAŚMA KLEJĄCA PAKOWA 48/55 BRĄZOWA 36SZT MEGA MOCN. europrice.pl. #cccccc;" cellpadding="0" cellspacing="0" border="0">

WYKŁAD 2 KASKADOWE ARKUSZE STYLÓW CSS CZĘŚĆ 1

Zastosowanie kaskadowych arkuszy stylów (CSS - Cascading Style Sheets) w technologii JavaServer Faces

Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony różnych stylów.

9. TABELE KURS HTML.

HTML. HTML(ang. HyperTextMarkupLanguage, pol. hipertekstowy język znaczników) język wykorzystywany do tworzenia stron internetowych

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH

SystemskładupublikacjiL A TEX

używane skróty: HTTP - protokół do transferu tekstu, hipertekstu, zbiorów binarnych URL - jednolity lokalizator zasobów

p { color: yellow; font-weight:bold; }

plansoft.org Zmiany w Plansoft.org

Krok 1: Stylizowanie plakatu

Tworzenie stron WWW. Ilustrowany przewodnik. Wydanie II

Uwaga w niektórych przeglądarkach różnice mogą być niewidoczne zależy to od przeglądarki i ew. od jej ustawień.

Sylabus Moduł 2: Przetwarzanie tekstów

ECDL/ICDL Przetwarzanie tekstów Moduł B3 Sylabus - wersja 5.0

I. Formatowanie tekstu i wygląd strony

7. Jak nazywa się program, który wykonuje instrukcje zawarte w kodzie źródłowym tworzonego programu bez uprzedniego generowania programu wynikowego?

Dla dzieci > Pozostałe > KOLOROWE WYGODNE KRZESEŁKO 4 WZORY DŹWIĘK KOLOROWE WYGODNE KRZESEŁKO 4 WZORY DŹWIĘK

Elementy pozycjonowania

Jednostki miar stosowane w CSS

Model blokowy. Model blokowy w CSS

Synology DS115j 1x0HDD 800MHz 256MB DDR3 1xGbE LAN ram sp. j.

Która z zasad tworzenia części <head> języka HTML jest poprawna

Transkrypt:

Tematy: Kaskadowe arkusze stylów Alfabetyczna lista stylów Uwaga: wiele stylów CSS3 nie jest ciągle interpretowanych przez przeglądarki Styl Znaczen CSS1 CSS2 CSS3 IE FF A animation Zbiorcza definicja animacji CSS3 - animacje - - animation-delay Opóźnienie startu animacji CSS3 - animacje - - animation-direction Kierunek przebiego animacji CSS3 - animacje - - animation-duration Czas trwania jednego cyklu animacji CSS3 - animacje - - animation-iteration-count Liczba cykli animacji CSS3 - animacje - - animation-name Nazwa animacji CSS3 - animacje - - animation-play-state Uruchomienie lub zatrzymanie CSS3 animacji - animacje - - animation-timing-function Czasowy rozkład animacji CSS3 - animacje - - B background Mieszane atrybuty tła Kolor i tło 3 background-attachment Zaczepienie tła Kolor i tło 3 1 3.5 background-clip Rozmiar obrazu tła CSS3 - tło - - background-color Kolor tła Kolor i tło 3 background-image Obraz jako tło Kolor i tło 3 background-origin Wypełnienie pojemnika przez tło CSS3 - tło - - background-position Pozycja tła Kolor i tło 3 background-repeat Powtarzanie tła Kolor i tło 4 background-size Przycięcie obrazu tła CSS3 - tło - - backface-visibility CSS3 - transformacje border Mieszane atrybuty obramowania Obramowania 4 1 / 9

border-bottom, border-left, border-right, border-top Mieszane atrybuty dolnego/lewego/prawego/górnego Obramowania obramowania 4 1 3.5 border-bottom-color, border-left-color, border-right-color, border-top-color Kolor obramowania Obramowania - 4 border-bottom-left-radius Zaokraglenie lewego dolnego CSS3- narożnika obramowania - - border-bottom-right-radius Zaokrąglenie prawego dolnego CSS3 narożnika - obramowania - - border-bottom-style, border-left-style, border-right-style, border-top-style Mieszane atrybuty stylu dolnego/lewego/prawego Obramowania - 4 border-bottom-width, border-left-width, border-right-width, border-top-width Mieszane atrybuty grubości dolnego/lewego/pr Obramowania 4 border-collapse Kondensowanie obramowań komórek Tabele - 5 1 4 border-color Kolor obramowania Obramowania 4 border-image Zbiorcza definicja obramowania CSS3 pojemnika - obramowania - - border-image-outset Obszar wychodzacy poza obramowanie CSS3 - obramowania - - border-image-repeat Sposób powtarzania brzegu CSS3 - obramowania - - border-image-slice Wycinek brzegu wchozący do CSS3 obramowania - obramowania - - border-image-source Adres grafiki będącej obramowaniem CSS3 - obramowania - - border-image-width Szerokość obramowania pojemnika CSS3 - obramowania - - border radius Zaokrąglenie wszystkich narożników CSS3 - obramowania - - border-spacing Odstępy między komórkami tabeli Tabele - - 1 4 border-style Styl obramowania Obramowania 4 border-top-left-radius Zaokraglenie lewego górnego CSS3 narożnika - obramowania - - border-top-right-radius Zaokraglenie prawego górnego CSS3 narożnika - obramowania - - border-width Grubość obramowania Obramowania 4 bottom Odległość od dolnej krawędzi Pozycjonowanie - 5 1 4 bo-decoration-break CSS3 - obramowania - - 2 / 9

bo-shadow Cieniowanie pojemnika CSS3 - obramowania - - C caption-side Pozycja tytułu tabeli Tabele - 6 1 4 clear Usuwanie oblewania Pozycjonowanie 4 clip Kadrowanie Wyświetlanie - 4 1 7 color Kolor Kolor i tło 3 color-profile CSS3 - kolor - - column-count Liczba szpalt CSS3 - szpalty - - column-fill CSS3 - szpalty - - column-gap Odstęp między szpaltami CSS3 - szpalty - - column-rule Linia między szpaltami CSS3 - szpalty - - column-rule-color Kolor linii między szpaltami CSS3 - szpalty - - column-rule-style Styl linii między szpaltami CSS3 - szpalty - - column-rule-width Grubość linii między szpaltamicss3 - szpalty - - column-span CSS3 - szpalty - - column-width Szerokość szpalt CSS3 - szpalty - - columns Zbiorcza definicja szpalt CSS3 - szpalty - - content Zawartość generowana Zawartość generowana - - 1 4 counter-increment Przyrost licznika Zawartość generowana - - 1 4 counter-reset Zerowanie licznika Zawartość generowana - - 1 4 cursor Kształt kursora myszki Wyświetlanie - 4 1 7 D direction Kierunek wyświetlania tekstu Własności tekstu - 3 / 9

6 1 8 display Sposób wyświetlania elementówwyświetlanie 4 E empty-cells Puste komórki tabeli Tabele - - 1 4 F float Przepływanie elementów Pozycjonowanie 4 font Czcionki systemowe mieszane Własności atrybuty czcionek czcionki 4 font-family Rodzina czcionek Własności czcionek 3 font-size Rozmiar czcionki Własności czcionek 3 font-size-adjust Pionowe proporcje czcionek Własności czcionek - - - - font-style Styl czcionki Własności czcionek 3 font-variant Wariant czcionki Własności czcionek 4 font-weight Waga czcionki Własności czcionek 4 H hanglng-punctuation CSS3 - tekst - - height Wysokość elementu Rozmiary 4 K @keyframes Podział animacji na klatki CSS3 - animacje - - L left Odległość od lewej krawędzi Pozycjonowanie - 4 1 4 4 / 9

letter-spacing Odstęp między literami Własności tekstu - 4 line-height Odstępy między wierszami Własności tekstu 3 list-style Mieszane atrybuty stylu wykazuwykazy 4 list-style-image Obraz jako marker wykazu Wykazy 4 list-style-position Pozycja markera wykazu Wykazy 4 list-style-type Typ stylu wykazu Wykazy 4 M margin Mieszane atrybuty marginesu Marginesy i odstępy 4 margin-bottom, margin-left, margin-right, margin-top Szerokość dolnego/lewego/prawego/górnego Marginesy i odstępy marginesu 4 marks Znaczniki strony po wydrukowaniu Własności drukowania - - - - ma-height Maksymalna wysokość elementu Rozmiary - 7 1 4 ma-width Maksymalna szerokość elementu Rozmiary - 7 1 4 min-height Minimalna wysokość elementurozmiary - 7 1 4 min-width Minimalna szerokość elementurozmiary - 7 1 4 O opacity Nieprzezroczystość (krycie) elementu CSS3 - kolor - - orphans Minimalna liczba wierszy, które Własności muszą być drukowania na wydruku na dole - strony 3.5 outline Mieszane atrybuty obrysu Obrys - - 1.5 7 outline-color Kolor obrysu Obrys - - 1.5 7 5 / 9

outline-style Styl obrysu Obrys - - 1.5 7 outline-width Grubość obrysu Obrys - - 1.5 7 overflow Wypływanie zawartości Wyświetlanie - 4 1 4 P padding Mieszane atrybuty odstępu Marginesy i odstępy 4 padding-bottom, padding-left, padding-right, padding-top Atrybuty dolnego/lewego/prawego/górnego Marginesy i odstępy odstępu 4 page Nazwa strony Własności drukowania - - - 4 page-break-after Przełamanie strony po elemencie Własności drukowania - 4 page-break-before Przełamanie strony przed elementem Własności drukowania - 4 page-break-inside Przełamanie strony wewnątrz Własności elementu drukowania - - perspective CSS3 - transformacje perspective-origin CSS3 - transformacje position Pozycja elementu Pozycjonowanie - 4 1 4 punctuation-trim CSS3 - tekst - - Q quotes Definiuje znaki cudzysłowu Zawartość generowana - - 1 4 R rendering-intent CSS3 - kolor - - right Odległość od prawej krawędzipozycjonowanie - 5 1 4 S 6 / 9

size Rozmiar strony Własności drukowania - - - 4 T table-layout Generowanie układu tabeli Tabele - 5 1 7 tet-align Wyrównanie tekstu Własności tekstu 4 tet-align-last CSS3 - tekst - - tet-decoration Dekoracja tekstu Własności tekstu 4 tet-emphasis CSS3 - tekst - - tet-indent Wcięcie tekstu Własności tekstu 4 tet-justify CSS3 - tekst - - tet-outline CSS3 - tekst - - tet-overflow Sposób wyświetlania skróconego CSS3 tekstu - tekst - - tet-shadow Cieniowanie tekstu CSS3 - tekst - - tet-transform Transformacja tekstu Własności tekstu 4 tet-wrap CSS3 - tekst - - top Odległość od górnej krawędzi Pozycjonowanie - 4 1 4 transform : matri CSS3 - transformacje - - transform : matri3d transform : matri3d CSS3 - transformacje - - transform-origin Ustalenie punktu początkowego CSS3 transformacji - transformacje - - transform : rotate Obrót pojemnika wokół punktu CSS3 w dwóch - transformacje wymiarach - - transform : rotate3d Obrót pojemnika wokół punktu CSS3 w trzech - transformacje wymiarach - - transform : scale Skalowanie pojemnika w dwóch CSS3 wymiarach - transformacje - - transform : scale3d Skalowanie pojemnika w trzech CSS3 wymiarach - transformacje - - transform : skew Pochylenie pojemnika CSS3 - transformacje - - 7 / 9

transform-style CSS3 - transformacje - - transform : translate Przesunięcie pojemnika w dwóch CSS3 wymiarach - transformacje - - transform : translate3d Przesunięcie pojemnika w trzech CSS3 wymiarach - transformacje - - transition Przemiana obiektu CSS3 - przemiana - - transition-delay Opóźnienie startu przemiany obiektu CSS3 - przemiana - - transition-duration Czas przemiany obiektu CSS3 - przemiana - - transition-property Cechy włączane do przemiany CSS3 w obiekcie - przemiana - - transition-timing-function Rozkład czasowy przemiany obiektu CSS3 - przemiana - - U unicode-bidi Generowanie tekstu dwukierunkowego Własności tekstu - 5 - - V vertical-align Pionowe wyrównanie Pozycjonowanie 4 visibility Widzialność elementów Wyświetlanie - 4 1 4 W white-space Białe znaki Własności tekstu 5 widows Minimalna liczba wierszy, które Własności muszą być drukowania na wydruku na górze - strony 3.5 width Szerokość elementu Rozmiary 4 word-break CSS3 - tekst - - word-spacing Odstęp między wyrazami Własności tekstu 6 word-wrap Łamanie długich wyrazów CSS3 - tekst - - Z z-inde Pozycja w stosie elementów Pozycjonowanie - 8 / 9

4 1 4 9 / 9