elementy blokowe - Kurs HTML i CSS
Tekst HTML / Wyświetlanie znaczników HTML...tak, że każdy taki element jest wyświetlany w nowej linii. Generalnie element blokowy może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur niż elementy wyświetlane w linii. Wyjątkiem od tej reguły jest akapit, który mimo że stanowi element blokowy, nie może zawierać w sobie dodatkowych bloków - w tym innych akapitów. w linii - elementy takie są wyświetlane normalnie, tzn. bez dodawania dodatkowych interlinii...
Wstawianie stylów CSS / Wydzielone bloki <div style>...Generalnie element blokowy (DIV) może zawierać wewnątrz siebie zwykły tekst, jak również inne elementy blokowe. Został on pomyślany do tworzenia obszerniejszych struktur. Natomiast elementy wyświetlanie w linii (SPAN) nie mogą zawierać elementów blokowych, ale mogą inne elementy wyświetlane w linii oraz zwykły tekst. Wewnątrz DIV można oczywiście wpisać również SPAN [Aby dowiedzieć się więcej, zobacz: Wyświetlanie]. Zwróć uwagę, że...
- Pozycjonowanie CSS / Wyświetlanie {display}
...przechodzą do nowej linii. Jaka jest różnica między "inline" a "inline-block"? Różnica między inline a inline-block polega na tym, że elementy inline zachowują się jak tekst i nie można ustawić dla nich szerokości ani wysokości, podczas gdy elementy inline-block zachowują się jak elementy blokowe, ale nadal są wyświetlane w jednej linii, a można dla nich ustawić szerokość i wysokość. Jak wyśrodkować "inline-block"? Aby wyśrodkować element inline-block wewnątrz jego...
- Podcast HTML / #3 Tekst HTML
...dwa podstawowe modele wyświetlania treści znaczników: W bloku: Automatycznie dodawane są znaki końca linii przed i po elemencie. Elementy blokowe, takie jak nagłówki (od <h1> do <h6>) oraz akapity (<p>), służą do tworzenia obszerniejszych struktur. Pamiętajmy, że <p> jest elementem blokowym, który nie może zawierać innych bloków. Do grupowania elementów służy również blok <div>. W linii: Elementy są wyświetlane normalnie, obok siebie, bez dodatkowych interlinii. Przykładem są...
- Rozmiary CSS / Przepełnienie tekstu {text-overflow}
...Selektorem może być znacznik wyświetlany w bloku [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: clip - niemieszczący się tekst i elementy inline zostaną przycięte (domyślnie) ellipsis - na końcu przyciętych linijek zostanie wstawiony wielokropek, tzn. pojedynczy znak: "…" albo w ostateczności trzy znaki kropki: "..." Normalnie w języku CSS nawet jeśli ustalimy szerokość elementu, ale następnie umieścimy w nim szerszy tekst - np. blokując jego zawijanie przy pomocy stylu...
- Komendy CSS 2 / background-position
...<długość> ]{1,2} | [ [top | center | bottom] || [left | center | right] ] ] | inherit OPIS Pozycja tła INICJALIZACJA 0% 0% ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY odnosi się do rozmiaru bloku MEDIA visual
- Komendy CSS 2 / clear
WARTOŚĆ none | left | right | both | inherit OPIS Przyleganie do elementu pływającego INICJALIZACJA none ZASTOSOWANIE elementy blokowe DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / clip
WARTOŚĆ <shape> | auto | inherit OPIS Obcinanie INICJALIZACJA auto ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual
- Komendy CSS 2 / orphans
WARTOŚĆ <liczba> | inherit OPIS Minimalna liczba linii bloku, które muszą znaleźć się na dole strony INICJALIZACJA 2 ZASTOSOWANIE elementy blokowe DZIEDZICZENIE tak PROCENTY nie MEDIA visual, paged
- Komendy CSS 2 / overflow
WARTOŚĆ visible | hidden | scroll | auto | inherit OPIS Kontroluje przepełnienie elementu INICJALIZACJA visible ZASTOSOWANIE elementy blokowe i zastępowane DZIEDZICZENIE nie PROCENTY nie MEDIA visual