tekst lewej - Kurs HTML i CSS
Tabele CSS / Rozplanowanie tabeli {table-layout}...znajduje się tylko obrazek lub inny element o ustalonych rozmiarach, to określa on minimalną możliwą szerokość takiej komórki. Natomiast w przypadku tekstu będzie to zwykle szerokość najdłuższego wyrazu (biorąc pod uwagę, że tekst może się zawijać do następnych linii). Maksymalna możliwa szerokość to największy rozmiar, do którego można rozszerzyć komórkę tak, aby nie powstały wolne przestrzenie po lewej ani po prawej jej stronie. Jeżeli w komórce znajduje się tylko obrazek lub inny element o...
- Media CSS / Zapytania mediów
...posługuje się siatką o stałej szerokości znaku. Może to mieć miejsce w prostych terminalach i telefonach komórkowych starego typu, gdzie cały tekst był wyświetlany jedną czcionką o stałej wysokości. Ma to miejsce również w przypadku urządzeń do czytania braillem oraz drukarek tego typu - używanych przez osoby niewidome. Przykład @media Zobacz przykładowe zapytania mediów na swoim urządzeniu
HTML5 / Pasek postępu <progress>...alternatywa Alternatywna zawartość, wyświetlana w przeglądarkach, które nie obsługują HTML5. Powinno się tam umieścić np. tekst "Proszę czekać..." albo "Ukończono: 50%". współczynnik Wartość z przedziału od 0.0 (stopień postępu 0%) do 1.0 (100%). wartość Liczba z przedziału od 0 (zero) do maksimum. maksimum Maksymalna wartość, po osiągnięciu której zadanie uważa się za ukończone (100%). Pozwala wstawić na stronie standardowy pasek postępu, który przedstawia...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
...należy podać konkretną wartość w jednostkach długości. Polecenie to pozwala zdefiniować dodatkowy wewnętrzny odstęp pomiędzy elementami, np. tekstem i obramowaniem tabeli (co nie byłoby możliwe poprzez ustalenie marginesu - margin). Jest przydatne np. w połączeniu z tłem pod tekstem, obramowaniem, czy też tabelami. W przeglądarce Opera każda strona posiada domyślnie ustalone niezerowe marginesy wewnętrzne. Jeżeli chcemy je zlikwidować, należy do selektora BODY przypisać następujący...
- Pozycjonowanie CSS / Pozycja absolutna {position: absolute}
...wyjdzie poza krawędzie "obejmującego bloku". Jeśli w miejscu gdzie ma być umieszczony pozycjonowany 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 normalnych elementów strony zależy od rozdzielczości ekranu i rozmiarów okna przeglądarki! Przykład {position: absolute} Przykład
- Selektory CSS
...kończącej się na... 3 E[atr*="wart"] element E, którego wartość atrybutu "atr" zawiera "wart" Selektor atrybutu zawierającego określony tekst 3 Selektory specjalne Wzór Znaczenie Opis CSS DIV.wart Tylko HTML. To samo co DIV[class~="wart"] Klasy selektorów 1 E#ident element E z identyfikatorem ID równym "ident" Selektor identyfikatora 1 Selektory pseudoelementów Wzór Znaczenie Opis CSS P:first-line pierwsza linijka akapitu P Pierwsza...
- Układ elastyczny CSS / Przepływ elastyczny {flex-direction, flex-wrap, flex-flow}
...określa sposób układania kolejnych elementów wewnątrz układu elastycznego: row - elementy będą układane w wierszach, analogicznie jak wyrazy tekstu w akapitach (domyślnie) row-reverse - ułożenie w wierszach w przeciwnym kierunku (w języku polskim będzie to od prawej do lewej krawędzi kontenera) column - ułożenie pionowo w kolumnach (w języku polskim - od góry do dołu) column-reverse - ułożenie pionowo w kolumnach (w języku polskim - od dołu do góry) Polecenie pozwala sterować...