 |
Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier •
ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1
|
[0-9]
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]
tabele •
listy •
formularze •
multimedia •
el. strukturalne •
el. blokowe •
el. liniowe
position
Styl definiuje sposób określenia współrzędnych elementu.
Wartości:
- • static (wartość domyślna) - CSS2 / N6, O4
- pozycjonowanie tradycyjne
- • relative - CSS2 / IE4, N4, O4
- element zmienia pozycję, ale otaczające elementy zachowują się, jakby element nadal tam był
- • absolute - CSS2 / IE4, N4, O4
- pozycjonowanie względem bloku zewnętrznego, mają tu zastosowanie style left, right, top, i bottom
- • fixed - CSS2 / N6.1, O4
- pozycjonowanie stałe, nie zmienia się gdy strona jest przewijana
- • inherit - CSS2
- przejęcie wartości "rodzica", np. position:inherit;
Pozostałe cechy:
• CSS/przeglądarki: CSS2 / IE4, N4, O4
Przykładowe zastosowania:
• Przykład 1:
Powinien pokazać się napis widoczny nawet gdy strona jest przewijana.
<P style="color:blue; position:fixed; top:300px;
right:10px; bottom:10px; left:150px;">testowy napis</P>
testowy napis
• Przykład 2:
<STYLE TYPE="text/css"><!--
P {position:fixed; top:10px; right:10px; bottom:10px; left:10px;}
--></STYLE>
• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|
