zrobić - Kurs HTML i CSS
Dziedziczenie stylów CSS / Wymuszenie dziedziczenia {...: inherit}...nie zawsze jest to możliwe. Wyobraźmy sobie, że np. wszystkim znacznikom pogrubienia w akapicie nadaliśmy jakiś kolor. Ale jednocześnie chcielibyśmy zrobić jeden wyjątek: jeśli pogrubienie znajduje się wewnątrz pochylenia, to powinno mieć kolor taki jak cały akapit. Nie możemy zatem w prosty sposób usunąć koloru, bo wtedy utracilibyśmy go dla wszystkich elementów pogrubienia, a nie tylko w tym jednym, o który nam chodzi. Właśnie na taką okoliczność została stworzona wartość inherit, którą...
- Tekst CSS / Orientacja tekstu {text-orientation}
...się z języka łacińskiego będą położone na boku czyli obrócone o kąt 90°. Taki tekst może być jednak trudniejszy do odczytania. Żeby to zrobić, użytkownicy mogą odruchowo przekrzywiać głowę w prawo albo próbować obrócić ekran 😉 Dlatego czasami lepszym wyborem będzie zastosowanie stylu "text-orientation: upright". Dzięki temu kolejne znaki tekstu zostaną ułożone w pionie jeden pod drugim i nie będą obrócone. Może to przynieść lepsze efekty zwłaszcza w przypadku krótkich tekstów...
- Dziedziczenie stylów CSS / Resetowanie wszystkich wartości {all}
...wadę: trzeba je przypisywać oddzielnie do każdej cechy CSS. Problem ten rozwiązuje specjalna właściwość all, która pozwala za jednym zamachem zrobić to dla wszystkich cech CSS wybranego elementu na stronie. Wyjątkiem są jedynie własności: direction (kierunek tekstu) i unicode-bidi (algorytm dwukierunkowego tekstu), których wartości nie zostaną zmienione. Ale tak naprawdę zwykle w ogóle nie zaleca się ich używać w języku CSS, ponieważ mają one swoje odpowiedniki w języku HTML. Jednym z...
Nagłówek i treść HTML / Plik robots.txt...Dyrektywa Allow może nie być interpretowana przez niektóre roboty wyszukiwarek (jest rozpoznawana przez robota Google) Wzorce dopasowania Co zrobić, jeśli chcemy zablokować indeksowanie wszystkich zdjęć serwisu, ale jednocześnie zezwolić na indeksowanie samych dokumentów HTML? Najlepiej byłoby umieścić wszystkie zdjęcia w osobnym katalogu: User-Agent: * Disallow: /zdjecia/ Czasem jednak jest to niemożliwe. W takim przypadku pomocne są tzn. wzorce dopasowania, czyli znaki specjalne...
- HTML dla zielonych / Tekst przekreślony HTML <s>
...kodu: <s>Ten tekst jest przekreślony</s> na ekranie przeglądarki otrzymamy: Ten tekst jest przekreślony Pytania i odpowiedzi <s> Jak zrobić przekreślony tekst? Aby przekreślić tekst w języku HTML, wystarczy wpisać go wewnątrz znacznika <s>...</s>. Jak przekreślić tekst w HTML? Domyślnie tekst na stronie internetowej jest napisany zwykłą czcionką. Aby przekreślić fragment tekstu, wystarczy umieścić go wewnątrz znacznika <s>...</s>. W ten sposób często oznacza się treść...
- HTML dla zielonych / Pozioma linia HTML <hr>
...i odpowiedzi <hr> Jak napisać poziomą linię w HTML? W celu dodania poziomej linii na stronie WWW należy posłużyć się znacznikiem <hr>. Jak zrobić kreskę na stronie HTML? Dzięki użyciu znacznika <hr> możemy wstawić poziomą linię i w ten sposób oddzielić od siebie różne grupy akapitów w ramach tej samej sekcji artykułu.
- HTML5 / Minimalna i maksymalna liczba znaków <input minlength maxlength, textarea minlength maxlength>
...że atrybut maxlength="..." był dostępny już w języku HTML 4.01, ale można go było przypisać tylko do zwykłego pola tekstowego. HTML5 pozwala zrobić to również dla obszaru tekstowego. Natomiast minlength="...", jest zupełnie nowym atrybutem HTML5.
- Drukowanie CSS / Rozmiar papieru @page {size}
...fragment kartki papieru. Użytkownik może co prawda samodzielnie zmienić orientację papieru przed uruchomieniem wydruku, ale nie wszyscy potrafią to zrobić. W takiej sytuacji wygodniej będzie podpowiedzieć drukarce, aby użyła poziomej orientacji papieru (tzw. krajobraz), dzięki czemu zdjęcie będzie można oprawić w ramkę i powiesić na ścianie 😉 W większości domowych drukarek domyślnym formatem papieru jest A4. Jednak często posiadają one uniwersalny podajnik, do którego można załadować...