rozmiar tekst - Kurs HTML i CSS
Rozmiary CSS / Szerokość i marginesy automatyczne...szerokość jest obliczana poprzez próbę przełamania wierszy w każdym możliwym miejscu, czyli po każdym wyrazie. Dostępna szerokość to poziomy rozmiar bloku obejmującego pomniejszony o marginesy, obramowanie, marginesy wewnętrzne i ewentualne paski przewijania elementu. Preferowana szerokość jest obliczana bez przełamywania wierszy, chyba że w kodzie znajduje się element <br>. Z powyższego równania wynika w szczególności, że dwa bloki z oblewaniem, bez ustalonej szerokości lub z...
Widżety HTML / Ramki lokalne <iframe>...przeglądarkach, które nie obsługują ramek lokalnych. Ramki lokalne są umieszczane bezpośrednio na stronie w postaci pojedynczych okienek o różnych rozmiarach. Dzięki temu możemy do takiej ramki wczytywać inne dokumenty [zobacz: Wstęp]. Jeśli nie określimy koloru tła dokumentu wczytywanego do ramki lokalnej, przeglądarka może przyjąć dla niego kolor tła strony, na której wstawiona jest ramka. Pomiędzy znacznikiem otwierającym <iframe...> a zamykającym </iframe> można umieścić dowolny kod...
- Marginesy CSS / Dolny margines wewnętrzny {padding-bottom}
selektor { padding-bottom: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-bottom} Tekst w tej komórce tabeli jest oddalony od dolnego brzegu obramowania o 1cm (padding-bottom: 1cm)
- Marginesy CSS / Lewy margines wewnętrzny {padding-left}
selektor { padding-left: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-left} Tekst w tej komórce tabeli jest oddalony od lewego brzegu obramowania o 2cm (padding-left: 2cm)
- Marginesy CSS / Prawy margines wewnętrzny {padding-right}
selektor { padding-right: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Przykład {padding-right} Tekst w tej komórce tabeli jest oddalony od prawego brzegu obramowania o 2cm (padding-right: 2cm)
- Media CSS / Zapytania mediów
...wyższą rozdzielczość ekranu, możemy wyświetlić mu dodatkową kolumnę treści. Co więcej, można płynnie dopasowywać wygląd strony przy przeciąganiu rozmiaru okna przeglądarki przez użytkownika. Zapytania mediów wpisuje się dokładnie w tych samych miejscach, co przy tradycyjnym wyborze medium, np.: @import url(kolor.css) screen and (color); @media screen and (color) { /* Arkusz dla urządzeń z kolorowym ekranem */ } <link rel="stylesheet" media="screen and (color)" href="kolor.css">...
- Marginesy CSS / Górny margines wewnętrzny {padding-top}
selektor { padding-top: rozmiar } Selektorem może być praktycznie dowolny znacznik, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów]. Natomiast jako "rozmiar" należy podać konkretną wartość w jednostkach długości. Polecenie to pozwala zdefiniować dodatkowy wewnętrzny odstęp pomiędzy elementami, np. tekstem i obramowaniem tabeli (co nie byłoby możliwe poprzez ustalenie marginesu - margin). Jest przydatne np. w połączeniu z tłem pod tekstem, obramowaniem, czy też...
- Komendy CSS3 / Tekst CSS
...Wartość [ <length-percentage> ] && hanging? && each-line? Inicjalizacja 0 Zastosowanie elementy blokowe Dziedziczenie tak Procenty odnosi się do rozmiaru kontenera w kierunku pisania text-justify Metoda justowania tesktu Wartość auto | none | inter-word | inter-character Inicjalizacja auto Zastosowanie tekst Dziedziczenie tak Procenty nie text-transform Transformacja tekstu Wartość none | [capitalize | uppercase | lowercase ] || full-width || full-size-kana Inicjalizacja...
Dla nauczycieli / Scenariusz lekcji informatyki dla liceum i technikum...elementów. 15 min - Praktyczne ćwiczenia Uczniowie tworzą stronę HTML i dodają arkusz stylów zmieniający: kolor tła i tekstu, czcionkę i jej rozmiar, wyrównanie tekstu w akapitach i nagłówkach. 5 min - Zadanie domowe Dokończyć stronę z prostymi stylami + przygotować wersję z dwoma kolorystykami (np. jasną i ciemną). Lekcja 6 - Klasy CSS, ramki, marginesy, tapety, interakcje Czas trwania: 45 minut Cele szczegółowe Uczeń stosuje klasy CSS i przypisuje je do elementów HTML...
- Tekst HTML / Kod poprawny semantycznie
...nie jest pomyłka organizacji W3C, że wprowadzono znacznik <h1>...</h1> (tytuł rozdziału), skoro ten sam efekt można uzyskać dobierając odpowiedni rozmiar czcionki? Otóż na pewno nie jest to pomyłka. Z punktu widzenia użytkownika w języku HTML wyróżniamy dwa podstawowe typy elementów określających atrybuty tekstu: Znaczniki formatujące - mają za zadanie tylko i wyłącznie zmienić wygląd tekstu, który obejmują, bez żadnego odniesienia do znaczenia tego tekstu. Są to np.: B (pogrubienie), I...