style - Kurs HTML i CSS
Rozmiary CSS / Szerokość {width}...lub elementu. Jak ustawić szerokość w CSS? Aby ustawić szerokość w CSS, użyj właściwości width i przypisz jej wartość, na przykład: <div style="width: 300px">Ten DIV ma szerokość 300 pikseli.</div>. Możesz również stosować jednostki innych niż piksele, takie jak procenty lub em.
- Wykazy CSS / Odstęp wyróżnika wykazu {marker-offset}
...oczywisty, sposób zastąpienia nieobsługiwanej własności marker-offset przez zespół reguł CSS interpretowanych praktycznie wszędzie: ul, li { list-style-type: none; display: block; margin: 0; padding: 0; } ul li { background: url(marker.gif) no-repeat left top; padding-left: 20px; } Pierwsza z reguł stylów powyżej usuwa domyślne formatowanie wykazu oraz jego punktów. Trzeba tutaj nadmienić, że z uwagi na różnice w interpretacji nie wszystkie z wymienionych poleceń formatujących w tej...
- Kolory CSS / Wykaz kolorów systemowych
Kolor Definicja Nazwa Objaśnienie ActiveBorder Active window border Obramowanie aktywnego okna ActiveCaption Active window caption Nagłówek aktywnego okna AppWorkspace Background color of multiple document interface Kolor tła wielodokumentowego interfejsu (MDI) Background Desktop background Tło pulpitu ButtonFace Face color for three-dimensional display elements Powierzchnia czołowa trójwymiarowych elementów ButtonHighlight Dark shadow for...
- Selektory CSS
Spis treści Wstęp Selektory elementów Selektory atrybutów Selektory specjalne Selektory pseudoelementów Selektory pseudoklas Wstęp Poniżej znajdziesz skrócony opis wszystkich rodzajów selektorów CSS. Dokładniej na ich temat możesz przeczytać klikając odnośnik w kolumnie "Opis". Natomiast kolumna "CSS" zawiera poziom specyfikacji języka, w którym po raz pierwszy selektor został wprowadzony. Źródło: Cascading Style Sheets, Level 2, Selectors Level 3 Selektory elementów Wzór...
- Media CSS / Grupy mediów
Ponieważ zwykle cechy stosują się do kilku mediów jednocześnie, zamiast podawania listy wszystkich, można podać tylko nazwę grupy mediów (CSS 2): continuous Media "ciągłe" - nie podzielone na strony (aural, braille, handheld, screen, tty, tv) paged Podział na strony (embosssed, handheld, print, projection, tv) visual Wizualne (handheld, print, projection, screen, tty, tv) aural Słuchowe (aural, tv) - CSS 2.1 wprowadza zamiast tego grupy speech i audio tactile Dotykowe (braille, embossed)...
- Komendy CSS 2 / Specyfikacja CSS
Poniżej znajdziesz wykaz wszystkich cech (własności) oraz ich wartości według oryginalnej specyfikacji CSS2, opracowanej przez organizację W3C. Wyjaśnienie znaczenia poszczególnych elementów opisu: WARTOŚĆ Wartości które może przyjąć 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...
- CSS dla zielonych / Kolor tła oraz tekstu CSS {background-color, color}
...do naszego dokumentu HTML. Wszystko co znajduje się wewnątrz tak wskazanego znacznika - czyli zarówno tekst, jak i inne znaczniki - otrzyma style podane w deklaracji. Przykładowo, aby zmienić kolor tła oraz teksu na całej stronie, możemy się posłużyć selektorem body, ponieważ właśnie wewnątrz znacznika <body>...</body> znajduje się cała zawartość strony. Zatem w arkuszu stylów wystarczy umieścić następujący kod: body { background-color: black; color: white; } Zwróć uwagę, że...
- Dziedziczenie stylów CSS / Hierarchia elementów
...strony. Przykład To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut koloru czcionki (biały) oraz koloru tła (niebieski) i dlatego nie odziedziczył stylu po przodku.
- Komendy CSS3 / Maskowanie CSS
...odnosi się do powierzchni pozycjonowania maski minus rozmiar obrazka maski Media visual mask-repeat Powtarzanie maski obrazka Wartość <repeat-style> Inicjalizacja repeat Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual mask-size Dopasowywanie rozmiaru maski obrazka Wartość <bg-size> Inicjalizacja auto Zastosowanie wszystkie elementy Dziedziczenie nie Procenty nie Media visual mask-type Typ maski Wartość luminance | alpha Inicjalizacja...
- Dziedziczenie stylów CSS / Przywrócenie wartości domyślnej {...: initial}
...{...: initial} To jest akapit koloru zielonego, wewnątrz którego znajduje się: pochylenie oraz podkreślenie, którym nie zostały nadane żadne style, a więc dziedziczą je po przodku, czyli po akapicie (są również zielone). A to jest pogrubienie, które znajduje się także wewnątrz tego samego akapitu, ale został mu nadany atrybut 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...