DHTML0035

DHTML0035



Podstawy CSS

Listing 1.9. Styl ve nagłówku określa, że linie u akapicie mają mieć wysokość ISpt, ustawienie to zostaje jednak zastc/pione w drugim akapicie poniższego przykładu

htmł>

head>

•'meta hfcl;p“equiv="Content-Type" -»contrent=s"text/html; charseL-ISO-88S9-2"> <style type="text/css">

P ( fońt-size: lOpt; line-height: 18pt; } </sLyie>

•/head>

body>

-P>Problerny malarskie rozpoczynają się już momencie planowania.

-'O bo jak tu wybrać kolor, skoro można -/brać dowolny.</p>

<P STYLE="line-height: 12pt; margin-left: 30px;" align=,,right,,>

:a przykład różowy? Idzie się do sklepu i —i: "Fanie! Chciałbym mieć różowy zokój". </p>

P>A przedawca na to: "A jaki różowy?'".

: tu pokazuje

:omputerową paletę, w której mamy do >/boru x odcieni różowego.

:óź pozostaje zrobić ... mówimy więc: "Wie r an co, to ja przyjdę z Żoną!".</p> oody>

*•/html>

Cdrt i-ew Qo    [J*łp

i    i &    zi    vf m

Hem# S*Ń#tłi NWwcW FłfH    *«ipM*y ftMRl

^totmitMesscge,.    W Płofrs ‘-i YfrHcwFo-jat -f; Oondikdsd 'Ą Kaw & Ot

j Problemy maraJskic jrbżpgcżynają st-; jut o ntc-nicntu planowania. Ko bo jak tu wybeie kolor I :koio iiiofria wybrać dowc&iy

Ma przykład rózowyl Idat «ę do sklepu i mów Tamci Chciałbym r.neć różowypok&f

A przedawca na to "A jaki różowy?" I tu pokazuje komputerową paletę w której roamy do wyboru x odcieni lórowtgo Cóż pozostaje zrobić .. mówimy więc. *Wie p.u> co. to ja I przyjdę z Zoną ’

V    Octcmtmt Cr ni    <*. jm    •/

Rysunek 1.14. Wyniki wyświetlenia kodu z listingu 1.9 W przeglądarce

Dodawanie reguł CSS

do pojedynczych znaczników

HTML-owych

Kaskadowe arkusze stylów zapewniają, źe nigdy nie będziesz musiał określać indywidualnie wyglądu każdego znacznika.

Co jednak zrobić, gdy będziesz chciał osobno określić wygląd znacznika? Nie ma problemu. Użycie CSS w znaczniku będzie oddziaływało jedynie na konkretny znacznik. Jest to bardzo wygodne, jeśli chcesz zastąpić definicje podane w nagłówku dokumentu.

Aby określi* właściwości konkretnego znacznika HTML-owego

1.    <PSTYLE="

Umieść atrybut STYLE w dowolnym wybranym znaczniku HTML-owym, którego postać można określić za pomocą CSS.

2.    font-size:10pt; line-height:18pt;”

Wpisz definicje właściwości i upewnij się, że lista definicji została zamknięta za pomocą znaku cudzysłowu.

3.    </P>

Jeśli to konieczne, zapisz odpowiedni znacznik zamykający. Wyniki zmiany stylu znacznika zostały pokazane na rysunku 1.14.

S Rady

■    Choć użycie CSS w pojedynczych znacznikach nie daje korzyści ogólnej zmiany stylu, to niemniej jednak jest bardzo użyteczne przy zastępowaniu stylów zdefiniowanych globalnie. (Patrz „Określanie porządku kaskady” na końcu tego rozdziału).

■    Opisanej tutaj metody możesz użyć do określenia postaci znacznika <BODY>.

Uważaj jednak - może to przysporzyć więcej problemów niż korzyści (patrz notatka „Postępowanie z wszędobylskimi właściwościami” na stronie 42).

Dodawanie reguł CSS


35


Wyszukiwarka

Podobne podstrony:
DHTML0033 Podstawy CSS Podstawy CSS Listing 1.6. Wszystkim znacznikom nagłówków zostaje nadana ta sa
DHTML0029 Podstawy CSS Listing l. 1. Nadanie nowego wyglądu znacznikowi ■ B> B { font: bold 16pt
DHTML0041 Podstawy CSS Listing 1.11. W tym przykładzie stworzono selektor klasy niezależnej oraz sel
DHTML0021 Podstawy CSS consortiumWORLD WlDE WEB Rysunek 1.1. World Wicie Web Consortium: http://www.
DHTML0023 Podstawy CSS Podstawy CSS } .</P> <P>. HTML 4.0 Najnowsza wersja języka hipert
DHTML0025 Podstawy CSS Tabela 1.1. Wymagana zawartość reguł stylów Część Co to jest? Przykład Gdzi
DHTML0027 Podstawy CSS Podstawy CSS Tabela 1.3. Selektory znaczników blokowych Selektor Użycie w
DHTML0031 Podstawy CSS Podstawy CSS kropka    definicja CSS r    i-J-1
DHTML0037 Podstawy CSS Mieszanie i dopasowywanie plików Aby otrzymać dokładnie taki układ strony jak
DHTML0039 Podstawy CSS Podstawy CSS Aby zaimportować dokument CSS do innego dokumentu CSS: 1.
DHTML0043 Podstawy CSS : isting 1.13. Zmienianie wartości odziedziczonych
DHTML0047 Podstawy CSS 7.    Czy zamknąłeś wszystkie znaczniki komentarzy umiesz
DHTML0114 Umiejscawianie w CSS . Listing 7.1 etscape 5te £drt iew £o gamrrwfcatDr W języku HTML defi
DHTML0122 Umiejscawianie w CSS Listing 7.6. Pierwszy akapity został umiejscowiony względnie i ustawi
DHTML0128 Umiejscawianie w CSS Listing 7.9. W tym przykładzie definiujemy cztery identyfikatory. ele
DHTML0137 Praktyczne zastosowanie CSS Listing 8.9. Określanie wyglądu trzech różnych stanów
DHTML0045 Podstawy CSS3.    Ścisłość. Im ściślej określona będzie reguła, tym wyższy
DHTML0058 Czcionki CSS ■a jj j S«« d) Favoriłe$ ł-uktary Listing 2.6. W tym przykładzie definiujemy,
DHTML0065 Kontrola tekstu w CSS Listing 3.4. Zapisywanie kwadratu jako indeksu górnego <head>

więcej podobnych podstron