CSS – Kolor tła.

Slides:



Advertisements
Podobne prezentacje
Wprowadzenie do tworzenia stron internetowych
Advertisements

Tworzenie stron internetowych
SuperHost.pl td img {display: block;}
Metody pozycjonowania elementów na stronie www
Zastosowanie technologii medialnych i internetowych Wygląd witryny krok po kroku Wykład dr in ż. Jacek Wachowicz
„Zabawy z GIMP’em”.
Kolory, grafika, multimedia
Style CSS.
Wykłady z HTML'a Język HTML został stworzony w Szwajcarii przez programistów pracujących w laboratoriach.
Style definiujące tabele
Kurs WWW – wykład 3 Paweł Rajba
Zastosowanie technologii medialnych i internetowych Grafika i skrypty na stronach WWW Wykład dr in ż. Jacek Wachowicz
Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego Projektowanie warstwy klienckiej aplikacji internetowych Kaskadowe.
Narzędzia internetowe Paweł Rajba
Style CSS - Pozycjonowanie
Tworzenie stron internetowych www World Wide Web
języka hipertekstowego
Tworzenie stron www 5 Joanna Brzozowska
Gdzie co jest? Cz. II. Kubek stoi na lewo od talerzyka. Pod kubkiem stoi filiżanka, a pod talerzykiem szklanka. Dzbanek stoi pomiędzy filiżanką i szklanką.
Nowy pojazd egzaminacyjny Wojewódzkiego Ośrodka Ruchu Drogowego
Tworzenie strony internetowej krok po kroku.
Kurs języka HTML Mariusz Tomczyk.
PROJEKT STRONY WWW KW GOPŁO KRUSZWICA
Wstawianie stylów CSS.
HTML cz. 2 Znaczniki i ich parametry
TECHNOLOGIE INTERNETOWE
Urzekające kwiatki w gimpie Samouczek
Specjalizacja "Dziennikarstwo On-line„ Arkusze stylów – CSS Część 5 Prowadzący: Dariusz Jaruga
Cascading Style Sheets
Właściwe ustawienie fotela, lusterek, zagłówków i zapięcie pasów bezp.
Czcionki, tekst, odnośniki
Temat 5: Pozycjonowanie elementów
HTML Hyper Text Markup Language
K o s t k a i k a R u b.
Część I. Grupowanie elementów  Elementy i są używane do grupowania i strukturyzowania dokumentu. Będziesz je często wykorzystywał wraz z atrybutami class.
HTML.
Aplikacje internetowe
Elementy multimedialne na stronie
Dodawanie efektów dźwiękowych do animacji j następnie naciśnij przycisk F5 lub kliknij pozycję Pokaz slajdów > Od początku w celu rozpoczęcia kursu. Na.
Aplikacje internetowe Tabele Ciąg dalszy. Wprowadzanie złamań wiersza Często, najprostszym sposobem wpływania na układ tabeli jest wprowadzenie łamań.
Aplikacje internetowe Grafika na stronach WWW ciąg dalszy Atrybuty znacznika body.
Aplikacje internetowe
Temat 3: Właściwości CSS
Aplikacje internetowe
Aplikacje internetowe
EDYTOR GRAFIKI PAINT - podstawy pracy.
Polskie programy do tworzenia stron internetowych:
Projektowanie Aplikacji Internetowych
HTML.
Aplikacje internetowe
HTML Hyper Text Markup Language komputerowe Esperanto cz. III polecenia konstrukcyjne strony.
Treści multimedialne - kodowanie, przetwarzanie, prezentacjaOdtwarzanie treści multimedialnych Andrzej Majkowski informatyka +
Temat 9: Obrazy i multimedia
Aplikacje internetowe
XHTML Tworzenie stylów CSS Damian Urbańczyk. Zewnętrzny plik CSS Aby ułatwić sobie pracę ze stylami, najlepiej utworzyć osobny plik, w którym będą przechowywane.
C S S 1 Cascading Style Sheets HTML pozwala zarządzać strukturą dokumentu, STYLE mają nam służyć do jego upiększania Kaskadowe Arkusze Stylów.
HTML HTML (ang. HyperText Markup Language, pol. hipertekstowy język znaczników) – język wykorzystywany do tworzenia stron internetowych HTML zdefiniowanie.
Polecenie pierwsze: Ustaw animacje slajdu „Ustaw animacje tego slajdu” na Plaster miodu, animacja tego przejścia ma trwać 4 sec. Polecenie drugie: Ustaw.
Technologie internetowe
Kaskadowe arkusze stylów CSS. Reguła CSS – definiuje sposób formatowania elementów na stronie WWW Części składowe reguły CSS selektor{ właściwość: wartość;
Pakiety numeryczne Wykresy Łukasz Sztangret Katedra Informatyki Stosowanej i Modelowania.
Linux jest piękny......tylko wymaga makijażu. Adam Mirowski Kamil Porembiński Dawid Kałużny.
Wykład 4 Informatyka MPDI sem.3 HTML cd. Arkusze stylów - CSS.
HTML, XHTML, CSS Model pudełka.  Wszystkie elementy w HTML mogą być rozważane jako pudełka. W CSS model pudełka dotyczy projektu i układu. Składa się.
Metody budowania interfejsu użytkownika CSS Bartosz Sakowicz.
Zasady formatowania szkolnej pracy pisemnej
Arkusz stylów CSS Cascading Style Sheet.
Damian Urbańczyk xHTML Tworzenie stylów CSS.
Style definiujące tekst
Zapis prezentacji:

CSS – Kolor tła

Kolor pierwszoplanowy: właściwość 'color' h1 { color: #ff0000; } PRDZYKŁAD

Właściwość 'background-color' body { background-color: #FFCC66; } h1 { color: #990000; background-color: #FC9804 PRZYKŁAD

Obrazki w tle [background-image] butterfly.gif

Obrazki w tle [background-image] body { background-color: #FFCC66; background-image: url („butterfly.gif”); } h1 { color: #990000; background-color: #FC9804; PRZYKŁAD

Powtarzanie obrazka w tle [background-repeat] Polecenie Opis Przykład background-repeat: repeat-x Obrazek powtarza się w poziomie PRZYKŁAD background-repeat: repeat-y Obrazek powtarza się w pionie background-repeat: repeat Obrazek powtarza się w poziomie oraz pionie background-repeat: no-repeat Obrazek nie powtarza się

Powtarzanie obrazka w tle [background-repeat] body { background-color: #FFCC66; background-image: url (”butterfly.gif”); background-repeat: no-repeat; } h1 { color: #990000; background-color: #FC9804; } PRZYKŁAD

Blokada obrazka w tle [background-attachment] Polecenie Opis Przykład background-attachment: scroll Obrazek porusza się ze stroną - odblokowany PRZYKŁAD background-attachment: fixed Obrazek jest zablokowany

Blokada obrazka w tle [background-attachment] body { background-color: #FFCC66; background-image: url (”butterfly.gif”); background-repeat: no-repeat; background-attachment: fixed; } h1 { color: #990000; background-color: #FC9804; } PRZYKŁAD

Pozycja obrazka w tle [background-position]

Pozycja obrazka w tle [background-position] Polecenie Opis Przykład background-position: 2cm 2cm Obrazek jest ustawiony 2 cm od lewej i 2 cm w dół PRZYKŁAD background-position: 50% 25% Obrazek jest ustawiony centralnie w poziomie i w jednej czwartej w pionie licząc od góry background-position: top right Obrazek jest ustawiony w górnym prawym rogu strony

Pozycja obrazka w tle [background-position] body { background-color: #FFCC66; background-image: url (”butterfly.gif”); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; } h1 { color: #990000; background-color: #FC9804; } PRZYKŁAD

Kompilacja [background] body { background-color: #FFCC66; background-image: url (”butterfly.gif”); background-repeat: no-repeat; background-attachment: fixed; background-position: right bottom; } background: #FC9804 url (”butterfly.gif”) no-repeat fixed right bottom;

Kompilacja [background] body { background: #FC9804 url (”butterfly.gif”) no-repeat; } Te dwie właściwości które nie zostały określone teraz ich wartości ustawią się standardowo które jak wiesz to: scroll oraz top left