akapity - Kurs HTML i CSS
Selektory pseudoklas CSS / Pusty element :empty...red; width: 100%; height: 1em } a w dowolnym miejscu strony: <p></p> <p> </p> <p><b></b></p> <p>To jest akapit</p> otrzymamy cztery akapity, z których tylko pierwszy element (pusty) powinien mieć ustawione tło koloru czerwonego: To jest akapit Zwróć uwagę, że drugi akapit (zawierający tylko spację) ani trzeci akapit (zawierający tylko pusty element-dziecko), nie otrzymały zmienionego formatowania. Przykład z użyciem elementu, który nie posiada znacznika zamykającego...
- Drukowanie CSS / Typ strony wydruku {page}
...ułożony na kartce tekst niewygodnie się czyta. Nie chcielibyśmy również zmuszać użytkownika, żeby osobno drukował strony dokumentu zawierające akapity tekstu, a potem ręcznie przestawiał orientację papieru, aby wydrukować zbyt szerokie tabele. Na szczęście dzięki CSS można rozwiązać ten problem. Strony wydruku mogą zostać nazwane przy pomocy reguły @page strona. Następnie taką nazwę wystarczy przypisać do wybranego elementu przy pomocy dowolnego selektora CSS. Pierwsze z tych poleceń...
- CSS dla zielonych / Wyrównanie tekstu CSS {text-align}
...W tym celu w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: left; }. Jak wyśrodkować w CSS? Jeśli chcemy, aby wszystkie akapity na stronie były ustawione na środku ekranu, to w arkuszu stylów wystarczy wstawić następujący kod: p { text-align: center; }. Możliwe jest również wycentrowanie tylko jednego akapitu. W tym celu trzeba się jednak posłużyć kodem HTML, który wstawimy w kodzie źródłowym dokumentu HTML, a nie w arkuszu stylów CSS: <p style="text-align...