rozmiar - Kurs HTML i CSS
Media CSS / Dostosowanie stylów CSS do różnych urządzeń...sygnał wywoławczy dla medium aural). Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z tych powodów konieczne jest określenie, że dany...
- Jednostki CSS / Długość
...jednostek długości Wstęp Jednostki długości stosuje się w bardzo wielu poleceniach dotyczących stylów, np. wielkość czcionki, marginesów czy rozmiary elementów itd. Format wartości długości składa się z opcjonalnego znaku liczby ("+" - domyślny lub "-"), liczby całkowitej lub rzeczywistej oraz jednostki. Po wartości długości 0 jednostka jest opcjonalna. Należy pamiętać, że nie każdy parametr może przyjąć wartość ujemną! Są dwa typy jednostek długości: względne (relatywne) i...
- Media CSS / Wybór medium @media
...{ body { font-size: 12pt } } @media screen, print { body { line-height: 1.2 } } Powyższe polecenia, wpisane w arkuszu stylów, definiują rozmiar czcionki 10pt dla wydruku, 12pt dla ekranu komputerowego oraz wysokość linii 1.2 jednocześnie dla ekranu i wydruku.
AutoIFRAME / Automatyczne dopasowanie wysokości ramki HTML...jedną poważną wadę: trudno jest dopasować wysokość ramki IFRAME tak, aby była odpowiednia dla każdej rozdzielczości ekranu. Jeśli ustalimy za duży rozmiar, użytkownicy w niskiej rozdzielczości będą mieli problem z przewijaniem zawartości ramki. Natomiast jeśli ustalimy za mały, w wyższej rozdzielczości pojawi się niewielkie "okienko", w którym trudno nawigować. Pewnym rozwiązanie mogłoby być określenie na tyle dużej wysokości, aby treść ramki zawsze się w niej w całości mieściła bez...
- Selektory pseudoklas CSS / Pseudoklasy typu :first-of-type :last-of-type :only-of-type
...pierwszej definicji listy. Oczywiście można to zrobić nadając mu klasę. Nie jest to jednak najlepsze rozwiązanie, ponieważ niepotrzebnie zwiększa rozmiar dokumentu, a przy tym jeśli w przyszłości zrezygnujemy z takiego formatowania (lub jedna ze skórek nie będzie go wymagać), zbędna klasa zacznie zaśmiecać kod. Jednocześnie nie możemy się posłużyć selektorem pierwszego dziecka, gdyż pierwszym dzieckiem listy będzie znacznik terminu (DT), a nie definicja (DD). Problem rozwiązują podane wyżej...
Zareklamuj się tutaj za darmo...nie ma, załóż np. stat4u. Button serwisu Kurs HTML musi być umieszczony przynajmniej na stronie głównej, w dobrze widocznym miejscu. Obowiązujący rozmiar przycisku: 88x31 (inne zostaną sztucznie dopasowane), objętość pliku: poniżej 10 KB, format graficzny: GIF (JPG, PNG). Poziom graficzny przycisku musi być zadowalający. Dozwolone są buttony animowane, ale zabrania się stosowania efektu stroboskopu, tzn. tło animacji migające z dużą częstotliwością w sposób ciągły. Na wyraźną prośbę...
- Marginesy CSS / Wymiarowanie pudełka {box-sizing}
...Pytania i odpowiedzi {box-sizing} Do czego służy "box-sizing"? Właściwość CSS box-sizing pozwala kontrolować sposób obliczania całkowitego rozmiaru elementu, uwzględniając marginesy, padding i obramowanie. Dzięki temu można precyzyjnie zarządzać wymiarami elementów w modelu pudełkowym. Domyślnie wartość box-sizing to content-box, gdzie szerokość i wysokość elementu obejmują tylko treść. Co to jest "box-sizing: border-box"? "box-sizing: border-box" to wartość właściwości CSS...
- Menu w CSS / Rozdzielenia struktury i prezentacji dokumentu
...powody, dla których czyste rozwiązanie CSS jest korzystniejsze: Przeniesienie całego formatowania do zewnętrznego arkusza stylów zmniejszy rozmiar wszystkich podstron, dzięki czemu będą się ładować szybciej, a dodatkowo ewentualna opłata za transfer, którą właściciel serwisu (czyli Ty) płaci firmie hostingowej, będzie niższa. Dzięki obsłudze mediów będzie można przygotować osobny arkusz stylów dla wydruku lub dla urządzeń przenośnych, gdzie menu nawigacyjne powinno wyglądać zupełnie...
- Rozmiary CSS / Przeciąganie {resize}
...znacznik z ustawionym przepełnieniem innym niż "visible" [zobacz: Wstawianie stylów]. Jako "sposób" należy podać: both - użytkownik może zmienić rozmiar elementu poprzez przeciągnięcie myszką prawego-dolnego narożnika pola vertical - możliwa zmiana tylko wysokości horizontal - możliwa zmiana tylko szerokości none - użytkownik nie może zmienić rozmiaru elementu Zdarza się, że treść elementu nie mieści się w ustalonych dla niego wymiarach. Może to spowodować zaburzenie estetyki strony...
- Obramowanie CSS / Cień {box-shadow}
...w CSS pozwala dodawać cień do elementu. Można określić przesunięcie cienia poziomo i pionowo, rozmycie, kolor cienia oraz opcjonalnie kierunek i rozmiar cienia. Dzięki temu można uzyskać efekt wypukłości, odcinania elementu od tła lub inny efekt wizualny. Jak zrobić cień w CSS? Aby dodać cień do elementu w CSS, można użyć właściwości box-shadow i określić wartości cienia, takie jak przesunięcie poziome, przesunięcie pionowe, rozmycie, kolor itp. Na przykład: "box-shadow: 3px 3px 5px...