ustawić - Kurs HTML i CSS
Tło CSS / Kolor tła {background-color}...tła elementu to: background-color. Co robi "background-color"? Właściwość CSS background-color służy do określenia koloru tła elementu. Można ustawić wartość tego właściwości na dowolny kolor (np. nazwę koloru, kod koloru lub RGB), a element zostanie wypełniony tym kolorem jako tłem. Jak dodać kolor tła dla wszystkich elementów H1? Aby dodać kolor tła dla wszystkich elementów H1, można użyć selektora CSS dla elementu H1 i zastosować właściwość background-color. Na przykład: h1...
- Kursory CSS / Kształt kursora {cursor}
...użyć poniższego kodu: "cursor: pointer". Jak zmienić kursor w CSS? Aby zmienić kursor za pomocą CSS, należy użyć właściwości cursor. Możesz ustawić różne wartości dla tej właściwości, takie jak pointer, text, grab itp., aby zmienić kształt i wygląd kursora na elementach HTML. Na przykład: element { cursor: pointer }. Jak zmienić kursor na "łapkę" CSS? Aby zmienić kursor na "łapkę" w CSS, użyj właściwości cursor i przypisz jej wartość pointer albo grab. Na przykład: element...
- 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...
- 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...
- Media CSS / Dostosowanie stylów CSS do różnych urządzeń
...Jednakże różne media mogą dzielić te same własności, lecz często wymagają odmiennych wartości. Na przykład rozmiar czcionki (font-size) można ustawić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty na komputerze potrzebują zwykle większej czcionki niż na papierze. Podobnie doświadczenie wskazuje, że czcionki z rodziny sans-serif są czytelniejsze na ekranie, podczas gdy serif - na papierze. Z tych powodów konieczne jest określenie, że dany arkusz stylów lub jego część jest...
- 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...
- 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...
AutoIFRAME / Kilka ramek AutoIFRAME...Oczywiście dla każdej takiej ramki proces dostosowywania wysokości musi zachodzić niezależnie. Aby to zrobić, należy dla każdej takiej ramki należy ustawić odrębny identyfikator id="...". Na przykład tak mógłby wyglądać fragment strony głównej serwisu: <iframe src="..." name="..." id="autoiframe" width="100%" height="560">...</iframe> <iframe src="..." name="..." id="autoiframe2" width="100%" height="560">...</iframe> Nic nie stoi na przeszkodzie, aby wstawić więcej niż dwie ramki...
- 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ę...