ustawić - Kurs HTML i CSS
Drukowanie CSS / Kontekst strony @page...w nim pojęcie czcionki. Kontekst strony definiuje wygląd samej strony - np. arkusza papieru na wydruku - a nie jej zawartości. Można w ten sposób ustawić marginesy i rozmiar strony na wydruku. Różnica pomiędzy marginesami w kontekście strony, a tradycyjnymi marginesami jest taka, że nawet jeśli standardowe marginesy zostaną wyzerowane, wydruk nadal może je posiadać. Normalnie aby zmienić rozmiar marginesów na wydruku, użytkownik musi przestawić je ręcznie w swojej przeglądarce - najczęściej...
Obiekty daty - Date / Tworzenie obiektu daty - new Date...funkcja doda podaną wartość do liczby 1900 i otrzymamy rok z zakresu 1900 - 1999. Jest to w pewnym sensie pozostałość tzw. pluskwy milenijnej. Aby ustawić rok z przedziału 0 - 99, musimy się posłużyć zapisem tekstowym - np. new Date("0033-04-03") albo dodatkowo z podaniem czasu: new Date("0033-04-03T15:00:00+02:00"). Zwróć uwagę, że zapisując rok tekstowo zawsze musimy użyć czterech cyfr, a w przypadku pozostałych części daty i czasu (z wyjątkiem milisekund) - dwóch cyfr. Przykład new Date...
- CSS dla zielonych / Klasy selektorów CSS <div class>
...i odpowiedzi <div class> Co to jest selektor klasy? Selektor klasy pozwala przygotować w arkuszu stylów gotowy do użycia wygląd, a następnie ustawić go wielu elementom na stronie. Jest to bardzo wygodne rozwiązanie, jeśli na stronie internetowej znajdują się stałe albo powtarzające się elementy, które mają się wyświetlać tak samo. Na przykład na każdej podstronie serwisu może się znajdować menu nawigacyjne, które wszędzie ma mieć spójny wygląd. Co to jest div class? Jest to...
- CSS dla zielonych / Tapeta CSS {background-color, background-image, color}
...i odpowiedzi {background-color, background-image, color, background-attachment, background-position, background-repeat, background-size} Jak ustawić obrazek jako tło w CSS? W tym celu najlepiej w arkuszu stylów do selektora właściwego ciała dokumentu dodać deklaracje o odpowiednich wartościach. Na przykład jeśli plik tła nazywa się "obrazek.jpg" i znajduje się w tym samym katalogu na dysku komputera co arkusz stylów *.css, a jego kolorystyka jest przeważająco jasna, można się...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...koloru czcionki oraz koloru tła jako "initial" i dlatego nie odziedziczył stylu po przodku. Oczywiście w powyższym przykładzie moglibyśmy po prostu ustawić kolor tekstu pogrubienia na czarny, a tło na białe. Jednak warto pamiętać, że nie w każdej sytuacji odpowiadałoby to wartościom domyślnym. Na przykład jeśli użytkownik ustawi ciemny motyw w swoim systemie operacyjnym, domyślnym kolorem tekstu może być biały, a tła - czarny. Dzięki użyciu wartości initial mamy pewność, że tekst wyświetli...
HTML5 / Wykaz z numeracją odwrotną <ol reversed>...w kolejności malejącej w HTML? Aby utworzyć listę w kolejności malejącej w HTML, należy dodać atrybut reversed do elementu <ol>. Można również ustawić początkowy numer listy za pomocą atrybutu start. Przykład: <ol reversed start="5"> <li>Piąty</li> <li>Czwarty</li> <li>Trzeci</li> </ol> utworzy listę zaczynającą od 5 i malejącą.
- Odsyłacze HTML / Blokada indeksowania odsyłaczy <a "nofollow, ugc, sponsored">
...inne wartości pojawiły się później. Z tego powodu niektóre wyszukiwarki mogą ich nie obsługiwać. Aby zabezpieczyć się przed taką sytuacją, można ustawić w tym samym linku kilka wartości. Nie robimy tego jednak poprzez dodanie kolejnego atrybutu rel="...", ale dopisujemy do już istniejącego kolejne wartości rozdzielając je spacjami. Na przykład: <a href="http://adres strony" rel="ugc nofollow">...</a> Linki sponsorowane <a "sponsored"> <a href="http://adres strony...
- Drukowanie CSS / Okładka wydruku @page :first
...grafikę rozpościerającą się na całej powierzchni kartki bez żadnych marginesów. Taki efekt pozwala uzyskać pseudoklasa :first, dzięki której możemy ustawić marginesy na okładce inne niż na pozostałych stronach wydruku - np. wyzerować je. Trzeba jednak zdawać sobie sprawę, że większość typowych drukarek nie pozwala zadrukować całej powierzchni papieru, więc jakieś minimalne marginesy zawsze pozostaną - jak duże zależy od konkretnego modelu drukarki. Przykład @page :first Wydruk z okładką...
- Drukowanie CSS / Druk dwustronny @page :left :right
...margines szerszy, a kartka po prawej stronie - lewy margines szerszy. Taki efekt można uzyskać stosując pseudoklasy :left i :right, które pozwalają ustawić różne marginesy wydruku dla stron lewych i prawych. W językach o kierunku tekstu od lewej do prawej (np. język polski lub angielski) pierwszą stroną dokumentu (okładką) jest strona prawa. Natomiast jeśli dokument zawiera w większości tekst w języku pisanym od prawej do lewej (np. język arabski lub hebrajski), pierwszą stroną będzie strona...
- HTML5 / Przeciągnij i upuść <... draggable>
...id="dropZone">Upuść tutaj</div>. Jak umieścić przeciąganie w HTML? Aby umożliwić przeciąganie elementu w HTML, należy ustawić atrybut draggable="true" na elemencie, który ma być przeciągany, oraz obsłużyć zdarzenia dragstart, dragover, i drop. Na przykład: <div draggable="true" ondragstart="event.dataTransfer.setData('text/plain', event.target.id)" id="dragItem">Przeciągnij mnie</div><div ondragover="event.preventDefault()" ondrop="handleDrop(event)...