punkty - Kurs HTML i CSS
Szablon strony na DIV-ach / Responsywny szablon...różnią się oferowaną rozdzielczością ekranu i stąd zapewne jedna wersja mobilna nie będzie optymalnym rozwiązaniem. Zamiast tego wyznacza się tzw. punkty przeskoku (ang. breakpoints). Punkty przeskoku to lista najczęściej używanych szerokości ekranu, przy których zachodzą istotne zmiany w szablonie naszej strony. Istotną zmianą może być na przykład: Zmiana typu szablonu ze stałego (który zwykle może być bardziej przydatny na dużych ekranach panoramicznych) na płynny (laptopy i większe...
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...Punkty wykazu mogą przyjmować również wartości ujemne. Taki efekt można wywołać przy pomocy atrybutu start="..." albo value="..." [zobacz podpunkty: "Wykaz numerowany z podaniem początkowego numeru" oraz "Zmiana numerowania w trakcie" w rozdziale pt. HTML / Wykaz]. W takich przypadkach mamy możliwość zdefiniowania specjalnego wyglądu tego typu wartości. Przykład @counter-style {negative} Wyświetlenie znaku gwiazdki przed każdą wartością ujemną: @counter-style nazwa { system...
- Wykazy CSS / Automatyczna numeracja wykazu {counter-reset, counter-increment}
...punktów i podpunktów. To znaczy możliwe jest określenie np. następującego sposobu numeracji: Punkty główne - liczby rzymskie: I, II, III,... Podpunkty - liczby arabskie: 1, 2, 3,... Podpunkty drugiego rzędu - litery: a, b, c,... Co jednak zrobić, jeżeli nie odpowiada nam taki sposób numeracji punktów albo nie możemy z góry określić ile będziemy mieli poziomów zagnieżdżenia? CSS daje na to prostą receptę - automatyczną numerację, czyli możliwość dowolnego określania sposobu numerowania...
Tekst HTML / Wykaz <ul, ol, li>...<li>Punkt pierwszy</li> <li value="n">Punkt drugi</li> <li>Punkt trzeci</li> </ol> gdzie jako "n" należy podać zmieniony numer punktu (następne punkty będą numerowane według zmienionej kolejności). Wartość atrybutu VALUE zawsze musi być liczbą, nawet jeśli numerowanie następuje według liter! Przykład <ol, li value> Przykład Wykaz z wypunktowaniem innym kolorem Stosując pewną "sztuczkę", można uzyskać wykaz, którego wyróżniki (markery) będą miały inny kolor niż reszta tekstu: <ul...
- Jednostki CSS / Długość
...cale (1in = 2.54cm) cm - centymetry mm - milimetry Q - ćwierćmilimetry (1Q = 1/4mm, CSS 3 - obsługuje: Firefox 49, Opera 50, Chrome 63) pt - punkty (1pt = 1/72in) - często używane przy definiowaniu rozmiaru czcionki w edytorach tekstu pc - pika (1pc = 12pt) px - piksele (1px = 1/96in) Jeśli chcesz szybko przeliczyć wartości pomiędzy różnymi bezwzględnymi jednostkami długości, to tutaj możesz skorzystać ze specjalnego generatora. ✅ Rozpocznij przeliczanie jednostek Porównanie...
- Nagłówek i treść HTML / Nawigacja <link "prev, next, help, search">
...Szukaj <link "search"> Wstęp (interpretuje: Opera 12-) Niektóre przeglądarki pozwalają określić bezpośrednio z poziomu strony WWW dodatkowe punkty nawigacyjne w serwisie. Mogą one być wyświetlane na specjalnym pasku narzędzi (najczęściej Nawigacja) w postaci linków do wskazanych stron. Część z tego typu punktów nawigacyjnych może być również wykorzystywana przez roboty wyszukiwarek internetowych (np. Google). We wszystkich przypadkach poniżej odpowiednie wpisy oznaczają: adres...
- Tekst HTML / Tytuł nagłówka <h1, h2, h3, h4, h5, h6>
...dążyć do tego, aby tytuły na stronie były poukładane w odpowiedniej kolejności, odzwierciadlającej podział na działy, rozdziały, podrozdziały, punkty, podpunkty itd. Oznacza to, że każdy element h2 powinien być poprzedzony przynajmniej przez jeden element h1, h3 - przez h2, h4 - przez h3, h5 - przez h4, h6 - przez h5. W innym przypadku mielibyśmy do czynienia z sytuacją podobną do wykazu numerowanego np. od 1.1 zamiast od 1 albo z brakującymi podpunktami, tzn. jak gdyby nastąpiło...
- Odsyłacze HTML / Odsyłacz obrazkowy <a href, img, map, area>
...wbudowany generator mapy odsyłaczy, dzięki któremu można w prosty i szybki sposób określić współrzędnie poszczególnych obszarów, wskazując kolejne punkty myszką na wyświetlonym obrazku. UWAGA! Wielu użytkowników Internetu wyłącza wyświetlanie grafiki na stronach, aby przyspieszyć wczytywanie. W takim przypadku praktycznie nie będą oni mogli przenieść się do miejsc wskazanych na obrazkowej mapie odsyłaczy. Z tego powodu warto również umieścić gdzieś zwykłe odsyłacze hipertekstowe...
- Czcionki CSS / Wielkość czcionki {font-size}
...nawet przy pomniejszaniu. Wartości pikselowe zupełnie nie nadają się do ustalania czcionki w arkuszu dla wydruku. Jednostka "pt" Jednostka "pt" (punkty) miała być dobrym kompromisem między trudnymi do przewidzenia konsekwencjami używania "em" a sztywnym blokowaniem rozmiaru za pomocą "px". Jeśli z komputera korzysta osoba słabowidząca lub po prostu posiadająca monitor z niewielkim ekranem, może zwiększyć podstawowy rozmiar czcionki w całym systemie operacyjnym, zmieniając tzw. wartość dpi...
- Rozmiary CSS / Szerokość i marginesy automatyczne
...przyjmuje wartości 100% - jak można by sądzić - ale auto. Zapamiętaj tę zasadę, bo dzięki temu unikniesz wielu nieporozumień. Przedstawione poniżej punkty 1-6 oraz 9-10 obejmują również elementy pozycjonowane relatywnie. 1. Elementy inline, nie-zastępowane Przykład: SPAN, B, I i inne (ale nie IMG, INPUT, TEXTAREA, SELECT, OBJECT, które są elementami zastępowanymi). Własność width nie ma zastosowania (nie można jej przypisać). Podanie wartości auto dla left, right, margin-left lub...