rozmiary tabeli - Kurs HTML i CSS
Tabele CSS / Rozmiary tabeli {width, height}...wierszy (<tr>...</tr>) oraz kolumn (<colgroup>...</colgroup>) można stosować parametry dotyczące szerokości i wysokości. Odnośnie komórek oraz całej tabeli można ustawić zarówno ich szerokość jak i wysokość. Natomiast dla wiersza możliwe jest określenie tylko wysokości, ponieważ szerokość jest jednocześnie szerokością tabeli. Podobnie dla kolumny można ustalić jedynie jej szerokość, bo wysokość jest wysokością tabeli. Przy definiowaniu rozmiarów oraz wyśrodkowania tabeli możesz skorzystać ze...
- Tło CSS / Rozmiary tła obrazkowego {background-size}
(CSS 3 - interpretuje Internet Explorer 9, Firefox 4, Opera, Chrome) selektor { background-size: rozmiary } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiary" należy wpisać: contain - skaluje obrazek, zachowując proporcje, tak aby w całości zmieścił się w tle cover - skaluje obrazek, zachowując proporcje, tak aby pokrył cały obszar tła (część grafiki może być niewidoczna) auto...
- Czcionki CSS / Wielkość czcionki {font-size}
...gwarancji. Niesie to ze sobą poważne trudności: Nie da sie zapanować nad ułożeniem na stronie elementów graficznych, które z zasady posiadają rozmiary pikselowe. Czytelność tekstu zależy nie tylko od jego rozmiaru, ale również m.in. od proporcji, a więc rodzaju czcionki. Dlatego tak samo jak kolor tekstu zawsze powinno ustalać się wspólnie z kolorem tła, definiując rodzaj czcionki trzeba podać również jej rozmiar. Może się zdarzyć, że domyślnie ustawiona w przeglądarce czcionka ma...
- Tekst CSS / Tryb pisania {writing-mode}
...trudno będzie ją czytać. W takiej sytuacji czasami lepiej jest wpisać komórki nagłówkowe pionowo, dzięki czemu cała tabela przyjmie bardziej zwarte rozmiary. Warto pamiętać, że nawet w przypadku pionowego ułożenia tekstu elementy takie jak <img> (obrazki) i <iframe> (ramki lokalne) nadal będą ułożone w standardowej orientacji poziomej. Jest to celowy zabieg, ponieważ jeśli chcemy, aby tekst w takich elementach był ułożony pionowo, możemy po prostu przygotować taki obrazek albo nadać taki...
- Szablon strony na DIV-ach / Semantyczny szablon strony
...modyfikacji, mimo iż użytkownicy coraz głośniej się tego domagają. Przejdź na CSS i raz na zawsze zapomnij o tych problemach! Znacznie mniejsze rozmiary wszystkich podstron serwisu. Twoi użytkownicy odczują to w postaci zauważalnie krótszego czasu ładowania stron (zadowolony użytkownik częściej powraca do serwisu), a Ty możesz zaoszczędzić na opłacie za utrzymanie witryny, mniej płacąc firmie hostingowej za wykorzystany transfer (w przypadku popularnych serwisów będą to naprawdę...
- Komendy CSS3 / Tło i obramowanie CSS
...obrazkowego Wartość [ <length [0,∞]> | <number [0,∞]> ]{1,4} Inicjalizacja 0 Zastosowanie wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse" Dziedziczenie nie Procenty nie border-image-repeat Powtarzanie obramowania obrazkowego Wartość [ stretch | repeat | round | space ]{1,2} Inicjalizacja stretch Zastosowanie wszystkie elementy z wyjątkiem wewnętrznych elementów tabeli w przypadku "border-collapse: collapse" Dziedziczenie nie...
- Tło CSS / Tło obrazkowe {background-image}
...jest akapit z tłem obrazkowym. Jak już pisałem, użycie zbyt jaskrawego tła, może znacznie utrudnić czytanie tekstu... Sztuczka, pozwalająca ustalić rozmiary obrazka w tle... Wielokrotne tło obrazkowe (CSS 3 - interpretuje Internet Explorer 9, Firefox, Opera, Chrome) selektor { background-image: url(ścieżka dostępu do obrazka 1), url(ścieżka dostępu do obrazka 2),... } Dzięki powyższej składni możliwe jest wstawienie pod jednym elementem wielu obrazków w tle. Będą ona ułożone jeden pod...
- Tło CSS / Atrybuty mieszane tła {background}
...spacjami (przy czym można niektóre pominąć). Są to: kolor tła tło obrazkowe powtarzanie tła zaczepienie tła pozycja tła lub pozycja tła / rozmiary tła (CSS 3) pozycja początkowa tła (CSS 3) przycinanie tła (CSS 3) Wartość rozmiarów tła (background-size) musi być poprzedzona znakiem ukośnika i musi się znajdować bezpośrednio po wartości pozycji (background-position), np.: "left top / contain". Nie można podać rozmiarów tła bez określenia pozycji, ale można samą pozycję bez...
- Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...font-size, font-weight, font-style, font-variant, text-decoration, text-transform, letter-spacing i line-height. Tryb Quirks pozwala określić rozmiary elementów wyświetlanych w linii (inline). W trybie zgodności znak odwróconego ukośnika "\" pozwala usunąć z następnego znaku jego specjalne znaczenie (tzw. "escape character"). W trybie Quirks przeglądarka Firefox i Opera obsługuje pseudoklasę :hover tylko dla odsyłaczy, obrazków i pól formularzy, chyba że selektor zawiera dodatkowo...
Języki / Strony kodowe...że jest to jedyny standard, umożliwiający pisanie dokumentów w wielu językach jednocześnie. Niestety pliki takie mogą mieć nawet dwa razy większe rozmiary (przy stronie kodowej UTF-16), choć jeśli chodzi o polskie teksty zapisane w powszechnie używanej stronie kodowej UTF-8, implementującej standard Unicode, powiększenie pliku nie jest duże. Dodatkowo znaki Unicode nie zawsze są poprawnie wyświetlane (jeśli np. użytkownik nie posiada odpowiedniej czcionki Unicode), chociaż z tym jest już...