wstawianie linii - Kurs HTML i CSS
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego...i treść Tytuł strony Deklaracja strony kodowej Opis zawartości strony Wyrazy kluczowe Język strony Tekst Akapit Tytuł Blok Koniec linii Pogrubienie CSS Czcionki Tekst Tło Marginesy Obramowanie Wykazy Rozmiary new Menu('menu8', 'menu8', true, false, 0, 0, -1, -1, true); należy użyć kodu HTML: <dl id="menu0"> <dt>Kurs</dt> <dd> <dl> <dt><a href="...">HTML</a></dt> <dd> <dl> <dt><a href="...">Dla zielonych</a></dt> <dd><a...
Czcionki CSS / Rozciągnięcie czcionki {font-stretch}...najbardziej rozciągnięta Polecenie pozwala ustalić poziome rozciągnięcie czcionki na ekranie. Tekst rozciągnięty będzie zajmował więcej miejsca w linii, natomiast ściśnięty - mniej. UWAGA! Polecenie wchodzi w skład CSS 2.0, ale nie CSS 2.1 Przykład {font-stretch} rozciągnięcie ultra-condensed rozciągnięcie extra-condensed rozciągnięcie condensed rozciągnięcie semi-condensed rozciągnięcie normal rozciągnięcie semi-expanded rozciągnięcie expanded rozciągnięcie extra-expanded...
- Dobre praktyki / Przykazania webmastera
...a więc pomyśl o ustaleniu jakiejś stałej lub przynajmniej maksymalnej szerokości układu strony w przeglądarce. Rozważ zwiększenie wysokości linii, ponieważ standardowa wartość może być zbyt mała. Nie zmuszaj czytelników do szukania odnośników W przypadku linków umieszczonych w treści artykułów zadbaj, aby dobrze się odróżniały od otaczającego je zwykłego tekstu. Nie każ użytkownikom chodzić po Twojej stronie z kursorem myszki jak z wykrywaczem metali - aż nad którymś wyrazem zobaczą...
- Aktualizacja / System newsów
...poprzedzać zerem na początku, natomiast rok musi być liczbą czterocyfrową. Poprawnie: 1,2,2003, niepoprawnie: 01,02,03. Można przenosić do nowej linii poszczególne parametry newsa, które są rozdzielone przecinkami: news(dzień,miesiąc,rok, 'Tytuł', 'Treść newsa...', 'adres', 'ramka', 'autor', 'e-mail', 'obrazek', 50,50); Istnieje wiele sposobów dodawania kolejnych newsów (można łączyć kilka w tym samym skrypcie): Data, tytuł, treść: news(dzień,miesiąc,rok, 'Tytuł','Treść...
- Czcionki CSS / Wariant liczb czcionki {font-variant-numeric}
...cyfra zero może zostać przekreślona ukośną kreską, aby nie pomylić jej z wielką literą "O" lining-nums albo oldstyle-nums - cyfry leżące na jednej linii albo nieco poprzesuwane w górę i w dół (przypominające ręcznie wypełniane zestawienia np. w starych księgach przychodów i rozchodów) proportional-nums albo tabular-nums - każda cyfra może mieć różną szerokość albo wszystkie cyfry będą tej samej szerokości (dzięki czemu jeśli umieścimy je np. w tabeli z jakimiś danymi, liczby w tej samej...
- Wykazy CSS / Zawijanie tekstu w wykazie {list-style-position}
...pojedynczy punkt wykazu [zobacz: Wstawianie stylów]. Natomiast "pozycja" określa, jak będą zawijane wiersze wykazu, które nie zmieszczą się w jednej linii. Możliwe są tutaj dwa przypadki: outside - wyróżniki na zewnątrz wykazu (domyślnie). Przykład list-style-position: outside Punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy... punkt pierwszy...
- Rozmiary CSS / Szerokość {width}
...Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną szerokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {width} To jest akapit o szerokości 30% (width: 30%). To jest wykaz o szerokości 5em (width: 5em): Punkt pierwszy Punkt drugi To jest tabela o szerokości 100px (width: 100px) Poniżej widać obrazek o szerokości 200px (width: 200px): Pytania i odpowiedzi {width} Co oznacza "width" w CSS? W...
- Rozmiary CSS / Wysokość {height}
...Polecenie nie odnosi się do elementów inline! Polecenie to pozwala ustalić dokładną wysokość różnych elementów (np. akapitu, wykazu, poziomej linii, tabeli, obrazka itd.). Przykład {height} To jest akapit o wysokości 5cm (height: 5cm). To jest wykaz o wysokości 20em (height: 20em): Punkt pierwszy Punkt drugi To jest tabela o wysokości 100px (height: 100px) Poniżej widać obrazek o wysokości 40px (height: 40px): Pytania i odpowiedzi {height} Jak ustawić wysokość w CSS...
- Tabele CSS / Obramowanie tabeli {border-collapse, border}
...odseparowane Polecenie określa model wyświetlania obramowania tabeli pomiędzy komórkami. Możliwe jest użycie obramowania w postaci pojedynczej linii (collapse) albo obramowania dla każdej komórki osobno, które będą od siebie odseparowane (separate). Przykład {border-collapse} border-collapse: separate komórka1 komórka2 komórka3 komórka4 komórka5 komórka6 komórka7 komórka8 komórka9 border-collapse: collapse komórka1 komórka2 komórka3 komórka4 komórka5 komórka4...
- Układ elastyczny CSS / Kontener elastyczny {display: flex inline-flex}
(CSS 3 - interpretuje Internet Explorer 10, Firefox, Opera 12, Chrome) Układ elastyczny w bloku: selektor { display: flex } Układ elastyczny w linii: selektor { display: inline-flex } Wstawienie jednej z powyższej deklaracji sprawia, że dzieci elementu (znaczniki które bezpośrednio się w nim zawierają), wyznaczonego podanym selektorem [zobacz: Wstawianie stylów], będą układane w nim w sposób elastyczny. Tak tworzy się tzw. kontener elastyczny (ang. flex container), w którym dzieci...