Co oznacza * w CSS? - Kurs HTML i CSS
Pozycjonowanie / Obcinanie {clip}...zastosowanie tylko do elementów pozycjonowanych absolutnie. Przeglądarki stosują się do wytycznych z CSS 2.1. Wyrażenia: "góra, prawo, dół, lewo" oznaczają wartości współrzędnych wyciętego prostokąta, określane względem lewego-górnego narożnika elementu, tzn. są to pozycje odpowiednio: górnego-prawego oraz dolnego-lewego wierzchołka wyciętego prostokąta. Wartości te należy podawać za pomocą jednostek długości. Za każdą z nich można wpisać również auto, co oznacza pominięcie cięcia z...
- Pozycjonowanie / Przyleganie {clear}
...do obrazka</p> <img style="float: left"> <p style="clear: none">Brak ograniczeń dotyczących przylegania</p> Pytania i odpowiedzi {clear} Co oznacza "clear" w CSS? W CSS, właściwość clear jest używana do kontrolowania zachowania elementów wobec elementów, które zostały ustawione na float. Ustawiając "clear: left" lub "clear: right" można wymusić, aby element położony poniżej innych elementów z "float: left" lub "float: right" nie opływał ich z boku i zaczynał się od nowego wiersza...
- Drukowanie / Wydruk @media print
Jest oczywiste, że dokument wydrukowany na drukarce, wygląda inaczej niż na ekranie monitora (w przeglądarce internetowej). Podczas drukowania zwykle pomijane są wszystkie parametry, które dotyczą tła (trudno sobie wyobrazić wydrukowanie strony z czarnym tłem 🙂). Z uwagi na odrębność różnych mediów, wprowadzono możliwość definiowania oddzielnych własności dla różnych form prezentacji dokumentu. Na przykład rozmiar czcionki można ustalić zarówno dla ekranu, jak i dla drukarki, lecz dokumenty...
- Drukowanie / Kontekst strony @page
...w kontekście strony koniecznie trzeba pamiętać, że widoczny obszar pierwszej strony ustala początkowy blok obejmujący dokumentu. W praktyce oznacza to, że kolejne strony nie powinny mieć większego marginesu niż pierwsza, ponieważ wtedy ich zawartość może zostać przycięta!
- Komendy CSS 2 / Wstęp
...cecha. Przyjęto tutaj następujące oznaczenia: Słowa kluczowe zostały wpisane bez żadnych dodatkowych znaków (np. center, left-side). Wyraz inherit oznacza, że element przyjmuje wartość cechy, taką samą jak jego rodzic (zasada dziedziczenia). Typy podstawowe zostały ujęte w znaki < oraz >. Są to: <liczba> - pojedyncza liczba <długość> - wartość długości <procent> - wartość procentowa <kąt> - kąt <czas> - czas <częstotliwość> - częstotliwość <łańcuch znakowy> - łańcuch znakowy (string)...
- Kolory CSS / Sposoby definiowania kolorów
...w systemie szesnastkowym, w którym mamy 16 cyfr podstawowych: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Przykładowo: liczba szesnastkowa B5 oznacza w systemie dziesiętnym 181 (11*16 + 5 = 181). #RGB - to samo co powyżej, lecz w tym wypadku jako składowe kolorów należy podawać liczby jednocyfrowe w zapisie szesnastkowym. Przykładowo kolor #FB0 odpowiada #FFBB00 z poprzedniego zapisu. rgb(R, G, B) - pozwala podać oddzielnie każdą składową koloru w systemie dziesiętnym. Wszystkie...
- Dziedziczenie stylów / Przywrócenie wartości domyślnej {...: initial}
(CSS 3 - interpretuje Firefox 19, Opera 15, Chrome 4) selektor { cecha: initial } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów to bardzo przydatna funkcja w języku CSS. Dzięki niej nie musimy definiować np. koloru tekstu dla każdego elementu strony osobno. Zdarzają się jednak przypadki, kiedy takie zachowanie może nie być dla nas pożądane. Na szczęście istnieje sposób na...
- Dziedziczenie stylów / Wymuszenie dziedziczenia {...: inherit}
selektor { cecha: inherit } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Dziedziczenie stylów jest domyślnym zachowaniem w języku CSS. To znaczy nie trzeba nic robić, żeby z niego skorzystać - zostanie ono zastosowane automatycznie. Dopiero kiedy wybranemu elementowi przypiszemy jakiś styl, nie odziedziczy on go po swoich przodkach (czyli znacznikach, wewnątrz których się znajduje). A co...
- Dziedziczenie stylów / Odwołanie wartości {...: unset}
(CSS 3 - interpretuje Firefox 27, Opera 28, Chrome 41) selektor { cecha: unset } Selektor oznacza wybrany element, któremu chcemy zmienić sposób formatowania określony za pomocą cechy - zostaną opisane w kolejnych rozdziałach. Nie wszystkie cechy CSS podlegają dziedziczeniu. Wydaje się logiczne, że jeśli ustawimy określony kolor tekstu, to chcemy, aby również każdy z elementów podrzędnych miał właśnie taki kolor. Ale gdybyśmy w ten sposób postąpili np. z obramowaniem, efekt byłby dziwaczny...
- Dziedziczenie stylów / Resetowanie wszystkich wartości {all}
(CSS 3 - interpretuje Firefox 27, Opera 24, Chrome 37) selektor { all: wartość } Selektor oznacza wybrany element, któremu chcemy zresetować sposób formatowania. Natomiast jako wartość należy podać: initial - przywrócenie wartości domyślnych inherit - wymuszenie dziedziczenia wartości unset - odwołanie wartości revert - przywrócenie wartości pierwotnych Sposoby przywracania domyślnych wartości bądź domyślnego zachowania, opisane wcześniej w tym rozdziale, mogą się okazać bardzo pomocne...