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...
- 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...
- 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...
- 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...
- Nagłówek i treść HTML / Skalowanie strony <meta "viewport">
...obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-width, które oznacza pełną szerokość obszaru wyświetlania. height Określa początkową wysokość obszaru wyświetlania przeglądarki. Może być określona bezpośrednio w pikselach albo za pomocą specjalnego słowa kluczowego device-height, które oznacza pełną wysokość obszaru wyświetlania. initial-scale Wartość od 0.0 do 10.0 (należy posługiwać się kropką...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
(CSS 3 - interpretuje Firefox 27, Opera 24, Chrome 37) selektor { all: wartość } Selektor oznacza wybrany element, któremu chcemy zresetować sposób formatowania. Natomiast jako wartość należy podać: initial - przywrócenie wartości domyślnych inherit - wymuszenie dziedziczenia wartości unset - odwołanie wartości revert - przywrócenie wartości pierwotnych Sposoby przywracania domyślnych wartości bądź domyślnego zachowania, opisane wcześniej w tym rozdziale, mogą się okazać bardzo pomocne...
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...