DHTML0078

Rozdział 5.

Określanie kolorów

ci tg

Pńnt Secufy

Gubo

Określanie kolorów

Dzięki użyciu właściwości color możesz ustawić kolor elementu. Tekst, obramowania, a nawet poziome linie wewnątrz znaczników będą miały kolory, jakie im nadasz.

Aby zdefiniować kolor

1. fj43

Rozpocznij regułę od podania selektora, który chcesz zdefiniować. W przykładzie przedstawionym na listingu 5.1 użyjemy selektora niezależnej klasy, dzięki której podane definicje będą mogły być użyte w dowolnym znaczniku HTML-owym.

2. color:

Zapisz nazwę właściwości color i dwukropek.

3. red

Następnie podaj wartość określającą kolor, jaki chcesz nadać elementowi.

4. ;}

Nie zapomnij zamknąć reguły za pomocą średnika. Po nim możesz podać wszelkie inne definicje tej samej reguły i zamknąć ją za pomocą znaku zamykającego nawiasu klamrowego }.

S Rady

■ Nadawanie tego samego koloru wszystkim częściom znacznika może doprowadzić do problemu polegającego na tym, że dany

kolor jest używany także w selektorach

kontrolujących elementy, które nie mają być wyświetlane w tym kolorze. Dlatego bardzo uważnie wybieraj selektory, w których będziesz ustawiał właściwość color (patrz „Dziedziczenie właściwości od znaczników rodzicielskich”, strona 42).

■ Właściwość color określa także kolor obramowania znacznika, jednak można go zmienić za pomocą właściwości border-color (patrz „Określanie koloru obramowania”, strona 104).

Listing 5.1. W selektorze identyfikatora o nazwie j}43 ustawiliśmy kolor czerwony

<html>

<hcad>

<jnet;a http“equiv="Content-Type^,f->ccr.tent="te>:t/ht;nl; charset=ISO-8839--2"> <title>Listing 5.1</title>

.fj43 { color: red; }

</style>

</head>

<h3 class«^Mfj43">Rozdziai 3<br>

Kilka słów o tabelach</h3>

<p>W języku HTML definiuje się po kolei

... </p>

<p>Para znaczników TR i /TR służy do ... </p>

</body>

</html>

Edit 50 ComrrtncatDr tjefc

i r J śt

0»ok fo -• rulcyi rtene Sfiorch

Rozdział S

Kilka słów o tabfladi

W języku HTML definiuje się po kolei wszystkie wiersze tabeli, a każdy z wierszy zawiera definicję wszystkich zawartych w nim komórek Definiowanie tabeli zaczynamy od górnego wiersza i określamy wszystkie jego komórki, następnie drugi wiersz i jego komórki, itd. Kolumny obliczane są automatycznie w oparciu o liczbę komórek w każdym z wierszy

Rysunek 5. /. Tytuł rozdziału wyświetlany jest kolorem czerwonym

Wyszukiwarka

Podobne podstrony:
DHTML0044 Rozdział 1.Określanie porządku kaskady Na jednej stronie WWW możesz dysponować dołączonymi
DHTML0049 Rozdział 2. Określanie czcionkiOkreślanie czcionki Czcionka użyta do wyświetlenia tekstu m
DHTML0072 Rozdział 4. Określanie styHii symboli listOkreślanie stylu symboli list Kontrolę nad typem
DHTML0080 Rozdział 5. Określanie obrazu tłaOkreślanie obrazu tła Dzięki kaskadowym arkuszom stylów m
DHTML0091 Rozdział 6. Określanie marginesów elementuOkreślanie marginesów elementu Właściwość margin
DHTML0093 Rozdział 6. Określanie pojedynczych marginesów Listing 6.2. Treść dokumentu ma ustawione m
DHTML0095 Rozdział 6. Określanie wypełnieniaOkreślanie wypełnienia wokół elementu Na pierwszy rzut o
DHTML0097 Rozdział 6. Określanie wypełnienia Określanie wypełnienia na jednej stronieJeśli chcesz, m
DHTML0101 Rozdział 6. Określanie koloru obramowaniaOkreślanie koloru obramowania Podobnie jak w przy
DHTML0105 Rozdział 6. Określanie wielu wartości obramowańOkreślanie wielu wartości obramowań dla jed
DHTML0113 Rozdział 7. Określanie typu położeniaOkreślanie fypu położenia Kiedy określasz atrybuty zn
DHTML0123 Rozdział 7. Określanie marginesuOkreślanie górnego i lewego marginesu Oprócz marginesów, k
DHTML0060 Rozdział 3. Rozdział 3. Określanie kerningu £* SŚłycja iggpl:. Prrejd* Jubtor* Pnrrac. .
DHTML0062 Rozdział 3. niej użyć linii o podwójnej . oj nej Określanie odstępu wierszyOkreślanie odst
DHTML0082 Rozdział 5. Czasami powtarzające si
DHTML0087 Stosowanie właściwości kolorów i tła Listing 5.7. Wszystkie właściwości określające tło zn
DHTML0089 Rozdział 6.Pojęcie bloku elementu Określenie element jest używane do odwoływania się do ró
DHTML0099 Rozdział 6. Ustawianie szerokości obramowania Określanie wielu wartości border-width: 5px
DHTML0103 Rozdział 6. Rozdział 6. Upiększanie obramowańUpiększanie obramowań Określenie koloru nie j

więcej podobnych podstron