własności - Kurs HTML i CSS
Kaskadowe Arkusze Stylów / Cascading Style Sheets...wyglądu stron może przebiegać dużo sprawniej. Przed przystąpieniem do właściwej części kursu CSS mam jedną prośbę: o ile rozdziały opisujące własności stylów można czytać w zasadzie w dowolnej kolejności, a nawet pomijać wybrane, to zanim przejdziesz do tej części, na początku koniecznie zaznajom się z rozdziałem pt. Wstawianie stylów, a potem z rozdziałami opisującymi selektory (w tej kolejności). Jeśli pominiesz początkowe rozdziały lub zmienisz kolejność, możesz mieć poważne...
- Tekst CSS / Kolor tekstu {color}
...Wstawianie stylów]. Natomiast jako "kolor" należy podać definicję koloru. Polecenie pozwala ustalić dowolny kolor tekstu. Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tekstu na całej stronie), można użyć selektora BODY lub HTML. Przykład {color} kolor red kolor #66AAFF kolor #69C kolor rgb(255,33,170) kolor rgb(25%,75%,75%) kolor systemowy Highlight Pytania i odpowiedzi {color} Która właściwość CSS służy do zmiany koloru tekstu elementu? Do...
HTML5 / Napisy do filmów <track>...(interpretuje: Opera, Chrome) To jeszcze nie koniec. Można nawet zmienić wygląd napisów przy pomocy stylów CSS. Obsługiwane powinny być następujące własności: color, opacity, visibility, text-decoration, text-outline, text-shadow, background, outline, font, white-space. Aby zmienić stylizację wszystkich napisów, trzeba posłużyć się specjalnym pseudoelementem: ::cue { color: white; background: black; } Aby zmienić wygląd tekstu, który w napisach został objęty znacznikami B, I, U, należy...
- CSS dla zielonych / Podsumowanie
...w profesjonalny sposób. W dalszych rozdziałach Kursu CSS poznasz m.in. bardziej zaawansowane techniki tworzenia selektorów oraz rozbudowaną listę własności, dzięki którym zyskasz jeszcze większe możliwości stylizacji elementów Twojego serwisu. Zapraszam...
- Komendy CSS3 / Specyfikacje CSS3
Poniżej znajdziesz wykaz cech (własności) oraz ich wartości według oryginalnych specyfikacji CSS3, opracowanych przez organizację W3C. Aby zobaczyć wyjaśnienie znaczenia poszczególnych elementów opisu, zapoznaj się z rozdziałem: Komendy CSS 2 / Wstęp.
- Wykazy CSS / Niestandardowy typ stylu wykazu @counter-style
...tylko do jednego elementu. Właśnie w takiej sytuacji wygodniejsze może się okazać użycie funkcji symbols(...), którą przypisujemy bezpośrednio do własności list-style-type lub list-style. Przykład {list-style-type: symbols} ol { list-style-type: symbols(cyclic "a" "b" "c"); } Punkt pierwszy Punkt drugi Punkt trzeci Punkt czwarty Punkt piąty Punkt szósty Zauważ, że w przypadku anonimowego typu stylu wykazu przyrostek stanowi tylko spacja, a nie kropka ze spacją - jak to ma...
- Kaskadowe Arkusze Stylów / Dlaczego warto używać CSS?
...ignorowany przez przeglądarkę internetową, podczas wyświetlania dokumentu). Odstęp pomiędzy literami w tym paragrafie został powiększony. Nowe własności tła Przykład Tło pod tekstem Powtarzanie tła w poziomie Kliknij tutaj, aby zobaczyć przykład strony z nieruchomym pojedynczym tłem. Gradient (płynne przejście kolorów) Obramowanie Przykład Obramowanie tekstu Zaokrąglone narożniki Cień pod elementem Dodatkowe właściwości wykazów (list) Przykład Punkt pierwszy Punkt drugi...
- Tekst CSS / Cień pod tekstem {text-shadow}
...Opera 9.5, Chrome, Konqueror) selektor { text-shadow: poziom pion rozmycie kolor,... } Wartości "poziom pion rozmycie kolor" określają własności cienia (wartości "rozmycie" oraz "kolor" nie są wymagane): poziom - przesunięcie cienia w prawo (ujemne wartości przesuwają w lewo) pion - przesunięcie cienia w dół (ujemne wartości przesuwają w górę) rozmycie - promień efektu rozmycia (opcjonalnie) kolor - kolor bazowy efektu (opcjonalnie - jeśli go nie podamy, przyjmie kolor taki...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...się użycie klasy selektorowej dla każdego pojedynczego znacznika pola tekstowego w formularzu. Wtedy przynajmniej będzie można określić wszystkie własności formatowania elementu w jednym miejscu (arkuszu stylów), co znacznie ułatwi i przyspieszy ewentualne późniejsze modyfikacje.
- Tło CSS / Kolor tła {background-color}
...transparent" ustali tło przezroczyste. Polecenie umożliwia wstawienie tła o określonym kolorze pod danym elementem (tekstem). Jeśli definiowane własności mają odnosić się do całej strony (np. kolor tła strony), można użyć selektora BODY lub HTML. Przykład {background-color} Tło koloru czerwonego (red) Tło koloru żółtego (yellow) Tło koloru #D08AFF Tło koloru systemowego Menu Pytania i odpowiedzi {background-color} Która właściwość CSS umożliwia zdefiniowanie koloru tła elementu...