rozmiary - Kurs HTML i CSS
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...
HTML5 / Rozmiary przycisku obrazkowego <input "image" width height>...w pikselach Język HTML5 uzupełnia coś, co zapewne zostało przeoczone podczas tworzenia specyfikacji HTML 4.01. Od teraz można już ustawiać rozmiary przycisku obrazkowego służącego do wysyłania formularza. Jeśli tego nie zrobimy, zanim obrazek się załaduje, przeglądarka zarezerwuje dla niego na stronie domyślną wolną przestrzeń. Zwykle nie będzie ona dokładnie odpowiadać rzeczywistym rozmiarom grafiki. Dlatego po załadowaniu obrazka, elementy strony w pobliżu i poniżej niego mogą...
- Definicje / Wewnętrzne rozmiary
(intrinsic dimensions) Szerokość i wysokość które zostały zdefiniowane przez sam element, nie narzucone przez otoczenie. W CSS2 jest założone, że tylko elementy zastępowane przychodzą z wewnętrznym rozmiarem.
- Tabele CSS / Rozmiary tabeli {width, height}
Do tabel (<table>...</table>), ich komórek (<td>...</td>), 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...
- 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...
- Multimedia HTML / Obrazek HTML <img>
...przeszkadza, powinien zawsze określać te atrybuty - to bardzo dobry nawyk. Oczywiście aby obraz nie był zniekształcony, należy podać jego prawdziwe rozmiary w pikselach a nie w procentach (można je sprawdzić w dowolnym programie graficznym). Przykład <img width height> Po wpisaniu następującego kodu: <img src="obrazek.jpg" alt="..." width="300" height="150"> otrzymamy obrazek o rozciągniętych wymiarach: Formaty graficzne Wszystkie obrazki najlepiej powinny być zapisane w jednym z trzech...
- Multimedia HTML / Osadzenie pliku <embed>
...zostać wyświetlone okno (o podanych rozmiarach), w którym będzie odtwarzany wskazany plik. Należy pamiętać, że pliki multimedialne mają zwykle duże rozmiary, dlatego najlepiej na początku strony umieścić tekst, a dopiero na końcu polecenie <embed>. W takim przypadku w pierwszej kolejności wczyta się tekst. Polecenie <embed> sprawia wiele kłopotów nawet w przeglądarkach, które je interpretują! Ponadto należy pamiętać, że pliki multimedialne mają zwykle bardzo duże rozmiary, a więc wczytywanie...
- HTML5 / Nowe atrybuty HTML5
...dla wysyłania formularza hidden Wszystkie elementy Czy element jest istotny imagesizes, imagesrcset LINK (rel="preload") imagesizes - rozmiary obrazków dla różnych układów strony; imagesrcset - obrazki do użycia w różnych sytuacjach, np. na wyświetlaczach o wysokiej rozdzielczości, małych monitorach itp. inert Wszystkie elementy Czy element jest bierny inputmode Wszystkie elementy Wskazówka dotycząca wyboru trybu wprowadzania integrity LINK, SCRIPT Metadane...
- 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ę...
- Oprawa graficzna / Zamiennik obrazkowy
...z lewej na prawą stronę. Jest jednak jeden ważny element, na zawartość którego nie można wpływać za pomocą CSS - obrazki. Można co prawda zmieniać rozmiary grafiki, dodawać obramowanie, ustalać pozycję i marginesy, ale nie da się wyświetlić innego zdjęcia bez modyfikacji kodu HTML. Jednak czy to stanowi jakiś problem? W pewnych sytuacjach tak: Przygotowując kilka alternatywnych arkuszy CSS, możesz udostępnić użytkownikom możliwość wyboru skórki, która najbardziej im odpowiada. Problem w...