ustawienie - Kurs HTML i CSS
Komendy HTML 4.01 / BR...Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami CLEAR="ustawienie" Określa, gdzie powinna się pojawić nowa linia (zdeprecjonowane): all - nowa linia rozpocznie się w najbliższym wierszu poniżej dowolnego pływającego elementu przy obu marginesach left - nowa linia rozpocznie się w najbliższym wierszu poniżej dowolnego pływającego elementu przy lewym marginesie none - nowa linia rozpocznie się...
- Komendy HTML 4.01 / CAPTION
Opis nagłówkowy tabeli (należy go umieszczać bezpośrednio po znaczniku otwierającym TABLE). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Pozycja nagłówka w stosunku do tabeli (zdeprecjonowane): bottom - na dole tabeli left - po lewej right - po prawej top - na górze CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami DIR="kierunek" Kierunek tekstu: ltr - od lewej do prawej rtl - od prawej do lewej ID="nazwa...
- Komendy HTML 4.01 / FRAMESET
Określa ustawienie ramek (FRAME). Zwykle zawiera również znacznik NOFRAMES (dla przeglądarek, które nie obsługują ramek). Atrybuty: CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być rozdzielone białymi znakami COLS="długości" Określa rozmieszczenie pionowych ramek (lista długości w pikselach, procentach lub względnie, rozdzielonych przecinkami) ID="nazwa" Przypisuje nazwę elementowi (identyfikator), która nie może się powtarzać w całym dokumencie...
- Komendy HTML 4.01 / IMG
Włącza obrazek. Zobacz więcej... Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ALT="tekst" Tekst alternatywny, używany przez przeglądarki, które nie wyświetlają obrazków BORDER="piksele" Szerokość ramki elementu w pikselach (zdeprecjonowane) CLASS="klasa" Przypisuje nazwę klasy (CSS) lub nazwy klas do elementu, które muszą być...
- Komendy HTML 4.01 / OBJECT
Włączenie ogólnego obiektu. Może zawierać parametry (PARAM). Zobacz więcej... Atrybuty: ALIGN="ustawienie" Określa położenie elementu w odniesieniu do kontekstu (zdeprecjonowane): bottom - na dole left - po lewej middle - na środku (w połowie) right - po prawej top - na górze ARCHIVE="adresy" Lista adresów archiwów rozdzielonych spacjami, które zawierają zasoby związane z obiektem (podane w atrybutach CLASSID i DATA) BORDER="piksele" Szerokość ramki elementu w pikselach...
Marginesy CSS / Atrybuty mieszane marginesu {margin}selektor { margin: wartości atrybutów } Selektorem może być praktycznie dowolny znacznik, np. p - akapit czy h1 - tytuł [zobacz: Wstawianie stylów]. Natomiast jako "wartości atrybutów" należy podać: Jedną wartość - wtedy wszystkie marginesy będą jednakowe. Przykład To jest akapit, który ma wszystkie marginesy równe 2cm (margin: 2cm) Dwie wartości - z których pierwsza oznacza górny i dolny margines, natomiast druga - lewy i prawy. Przykład To jest akapit, który ma górny i dolny margines...
- Tło CSS / Zaczepienie tła obrazkowego {background-attachment}
...obrazka 2,... } Jeżeli w tle wstawimy więcej niż jeden obrazek, możemy dla każdego z nich określić inny sposób zaczepienia. Jeżeli pominiemy ustawienie sposobu zaczepienia następnych obrazków, przejmą one ustawienia z pierwszego. Pytania i odpowiedzi Co to "background-attachment"? background-attachment to właściwość CSS, która określa, czy tło elementu ma pozostać nieruchome względem okna przeglądarki, czy przewijać się wraz z zawartością strony. Którą z wartości...
- Marginesy CSS / Załamywanie marginesów
...górnego marginesu z dolnym marginesem jego rodzica. Należy zauważyć, że załamywanie marginesów wpływa tylko na pozycję potomków, a nie wpływa na ustawienie przodka. Marginesy elementu podstawowego ("root") - czyli nadrzędnego dla wszystkich - nie są załamywane. Trzeba wyraźnie rozróżnić, że proces załamywania dotyczy tylko i włącznie pionowych marginesów zewnętrznych, a nie wewnętrznych (padding). Przykład Po wpisaniu następującego kodu: <div style="margin-bottom: 20px">1</div> <div...
- Tło CSS / Atrybuty mieszane tła {background}
...rozmiary, pozycja początkowa czy przycinanie. Trzeba jednak pamiętać, że o ile w tle jednego elementu może być wstawionych kilka obrazków, to ustawienie więcej niż jednego jednolitego koloru tła nie ma sensu. Dlatego podanie jednolitego koloru tła jest dozwolone tylko jeden raz - na samym końcu, tzn. dla ostatniego elementu listy atrybutów mieszanych: div { background: url(obrazek1.jpg), url(obrazek2.jpg), url(obrazek3.jpg) red }
- Pozycjonowanie CSS / Pozycja relatywna {position: relative}
...element, znajdowało się wcześniej coś innego (tekst, grafika itp.), będzie to przykryte przez ten element. Należy przy tym pamiętać, że często ustawienie elementów strony zależy od rozdzielczości ekranu i rozmiarów okna przeglądarki! Przykład {position: relative} Szary prostokąt poniżej, który jest częściowo przykryty, przedstawia położenie spoczynkowe obrazka, poddanego pozycjonowaniu: position: relative; left: 50px; top: 45px. Dlatego obrazek ten jest oddalony od lewej krawędzi...