oznacza html - Kurs HTML i CSS
Media CSS / Zapytania mediów...występować z wartością lub - jeśli to ma sens - bez wartości. W przypadku cech mediów z wartością, zwykle używa się prefiksów "min-" lub "max-", co oznacza odpowiednio, że urządzenie musi posiadać możliwości co najmniej takie jak wskazane albo co najwyżej wskazane. @media all and (color) { /* Urządzenia kolorowe */ } @media all and (min-color: 8) { /* Urządzenia z obsługą minimum 8-bitowej głębi na składową koloru */ } @media all and (max-color: 10) { /* Urządzenia z obsługą maksimum...
Tekst HTML / Wykaz <ul, ol, li>...Punkt trzeci Dla zainteresowanych Jeśli za mało Ci typów numeracji wykazów wbudowanych w język HTML albo oczekujesz bardziej złożonego sposobu oznaczania punktów i podpunktów, zobacz rozdziały CSS: Typ stylu wykazu, Automatyczne numeracja wykazu. Wykaz numerowany z podaniem początkowego numeru <ol start="n"> <li>Punkt pierwszy</li> <li>Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "n" należy podać liczbę, od której ma się rozpocząć numerowanie. Wartość atrybutu START zawsze...
- HTML5 / Asynchroniczne ładowanie skryptów <script src async>
...niezależnie od głównego wątku aplikacji, co pozwala na równoległe przetwarzanie i unikanie blokowania interfejsu użytkownika. W kontekście skryptów oznacza to, że skrypt jest ładowany równolegle z innymi zasobami, a jego wykonanie następuje, gdy zostanie całkowicie pobrany, co nie wpływa na wczytywanie reszty strony. Na przykład, <script src="script.js" async></script> załaduje skrypt asynchronicznie. Jak załadować skrypt asynchronicznie? Skrypt można załadować asynchronicznie, używając...
- Czcionki CSS / Wielkość czcionki {font-size}
...do ustalania rozmiaru czcionki jest "em" i rzeczywiście tak mogłoby się wydawać, ponieważ jednostka ta jest bezpośrednio związana z czcionką - oznacza po prostu rozmiar dużej litery. Być może takie przeświadczenie wzięło się również stąd, że w zamierzchłych w czasach, gdy na rynku królowała przeglądarka MSIE 6.0, taki sposób zapewniał użytkownikom możliwość samodzielnego dopasowania rozmiaru tekstu na stronie. Dzisiaj wszystkie popularne przeglądarki nie mają już z tym żadnych problemów...
- Tekst HTML / Słownik <dl, dt, dd>
...z elementem w dokumencie źródłowym. Możliwe jest również tworzenie słownika, w którym pojedyncze pojęcia mają kilka znaczeń albo kilka pojęć oznacza to samo: Zamek Urządzenie do zamykania drzwi za pomocą klucza. Zapięcie wszywane do odzieży. Warowna budowla mieszkalna. Auto Samochód Dwuśladowy pojazd mechaniczny napędzany silnikiem. <dl> <dt>Zamek</dt> <dd>Urządzenie do zamykania drzwi za pomocą klucza.</dd> <dd>Zapięcie wszywane do odzieży.</dd> <dd>Warowna budowla...
- Tabele HTML / Łączenie komórek tabeli <td colspan rowspan>
Poziome łączenie komórek <table> <tr> <td colspan="x">...</td> </tr> </table> gdzie "x" oznacza liczbę komórek do połączenia w poziomie. Pionowe łączenie komórek <table> <tr> <td rowspan="y">...</td> </tr> </table> gdzie "y" oznacza liczbę komórek do połączenia w pionie. Polecenie to pozwala na poziome lub pionowe łączenie komórek w tabeli, dzięki czemu jedna komórka (połączona) może się rozciągać na kilka komórek pojedynczych. Tabela z połączonymi komórkami zawiera mniej znaczników...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...Na przykład często na końcu publikacji naukowych umieszcza się wykaz wszystkich źródeł, do których autor odnosił się w tekście. Źródła zazwyczaj oznacza się kolejnymi liczbami umieszczonymi w nawiasach kwadratowych. Dzięki funkcji ustalenia przedrostka i przyrostka możemy uzyskać taki sam efekt w języku CSS. Przykład @counter-style {prefix, suffix} @counter-style nazwa { system: numeric; symbols: "0" "1" "2" "3" "4" "5" "6" "7" "8" "9"; prefix: "["; suffix: "] "; } ol...
Skórki...efektowna zmiana wyglądu, konieczne jest, aby serwis został zaprojektowany zgodnie z zasadą rozdzielenie struktury i prezentacji dokumentów. To oznacza m.in., że powinno się unikać znaczników i atrybutów formatujących takich jak <font color="...">...</font>, a także stylów inline, czyli atrybutu style="...". Dobrze jest zdefiniować odpowiedni zestaw klas CSS. Trzeba sobie uzmysłowić, że wszystko co będziemy mogli zmienić w nowej skórce, ogranicza się do zewnętrznego arkusza stylów, czyli...
- Wstawianie stylów CSS / Kaskadowość stylów
...tytuł koloru niebieskiego (blue) jednak nadal na żółtym (yellow) tle. Pytania i odpowiedzi Na czym polega kaskadowość w CSS? Kaskadowość w CSS oznacza, że wiele reguł stylów może dotyczyć tego samego elementu HTML. Styl określony bliżej elementu (np. wewnętrzny arkusz stylów lub styl osadzony) ma wyższy priorytet niż styl zdefiniowany dalej (np. zewnętrzny arkusz stylów). Konflikty w stylach rozstrzyga tzw. mechanizm dziedziczenia oraz specyficzność selektorów CSS. Który styl CSS ma...
- CSS dla zielonych / Zaczynamy kurs CSS!
Zapewne znasz już podstawy języka HTML - jeśli nie, zapraszam najpierw do lektury rozdziału: HTML dla zielonych. Skoro nadal czytasz, zapewne oznacza to, że potrafisz stworzyć przynajmniej prostą stronę internetową zawierającą tekst, obrazki i odsyłacze. Chociaż treść jest najważniejszym elementem każdej strony WWW, to przecież wygląd też się liczy. I właśnie do tego służy język CSS (Kaskadowe Arkusze Stylów). Zapamiętaj prostą zasadę: treść wraz ze znacznikami wprowadza się na stronę...