color - Kurs HTML i CSS
Szablon strony na DIV-ach / Responsywny szablon...rozdziale i stworzyć najprostszy szablon responsywny korzystający z niezmiennego kodu HTML przedstawionego na wstępie. html, body { background-color: #fff; color: #000; margin: 0; padding: 0; } #NAGLOWEK { background-color: #888; } #MENU { background-color: #ccc; } #TRESC { background-color: #fff; } #STOPKA { background-color: #888; } @media only all and (min-width: 800px) { #MENU { width: 150px; float: left; overflow: hidden; position...
Tekst HTML / Wykaz <ul, ol, li>...innym kolorem Stosując pewną "sztuczkę", można uzyskać wykaz, którego wyróżniki (markery) będą miały inny kolor niż reszta tekstu: <ul style="color: red"> <li><span style="color: black">Punkt pierwszy</span></li> <li><span style="color: black">Punkt drugi</span></li> <li><span style="color: black">Punkt trzeci</span></li> </ul> gdzie w miejsce wyróżnionych wyrazów należy wpisać definicje kolorów, przy czym "red" oznacza kolor, jaki mają przyjąć wyrózniki, natomiast "black" - kolor...
- Kolory CSS / Wykaz kolorów systemowych
...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 three-dimensional display elements (for edges facing away...
- Menu w CSS / Pionowe menu
...margin: 0; padding: 0; } ul { width: 200px; } ul a:link, ul a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } ul a:hover { border-style: inset; padding: 7px 3px 3px 7px; } I jak Ci się podoba? A to wszystko bez jakiejkolwiek zmiany wcześniej ustalonego kodu HTML! Krótkie wyjaśnienie użytych deklaracji CSS: Na początku wstawiamy znaną już regułę, która usuwa domyślne formatowanie...
- Komendy CSS3 / Regulacja koloru CSS
Źródło: CSS Color Adjustment Module Level 1 Spis treści color-adjust color-scheme forced-color-adjust print-color-adjust color-adjust Atrybuty mieszane regulacji koloru Wartość <'print-color-adjust'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz cechy indywidualne Procenty zobacz cechy indywidualne color-scheme Wybór preferowanego schematu kolorów Wartość normal | [ light | dark | <custom-ident> ]+ && only...
- Oprawa graficzna / "Duszki" CSS
...none; margin: 0; padding: 0; line-height: normal; font-size: 12px; } ul li { width: 200px; border-width: 1px; border-style: solid; border-color: #dfe #365 #365 #dfe; } ul a:link, ul a:visited { display: block; width: 169px; text-decoration: none; padding: 5px 10px 5px 20px; font-weight: bold; background: #bfb url(obrazek.gif) no-repeat -16px -25px; color: #365; border-left: 1px solid #797;} ul a:hover { background-color: #797; background-position: -16px -49px; color...
- Komendy CSS3 / Dekoracja tekstu CSS
Źródło: CSS Text Decoration Module Level 3 Spis treści text-decoration text-decoration-color text-decoration-line text-decoration-style text-emphasis text-emphasis-color text-emphasis-position text-emphasis-style text-shadow text-underline-position text-decoration Dekoracja tekstu Wartość <'text-decoration-line'> || <'text-decoration-style'> || <'text-decoration-color'> Inicjalizacja zobacz cechy indywidualne Zastosowanie zobacz cechy indywidualne Dziedziczenie zobacz...
- Dobre praktyki / CSS Zorientowane Obiektowo
...wygląd dla nich określamy wspólnie) odnośnik a W arkuszu CSS pełna definicja tej klasy może wyglądać na przykład tak: .Menu { background-color: white; } .Menu ul, .Menu li { display: block; list-style: none; margin: 0; padding: 0; } .Menu li { float: left; margin-right: 1em; } .Menu a { color: blue; text-decoration: none; } Kompozycja Zwróćmy uwagę, że typowy artykuł może zawierać informacje o: autorze - np. z jego imieniem, nazwiskiem i zdjęciem źródle...
- Dobre praktyki / Przykazania webmastera
...a nie w wielu porozrzucanych po całym arkuszu deklaracjach. Najczęściej ustalanymi globalnie własnościami formatowania tekstu są: background, color, font. Używaj właściwych jednostek do ustawiania rozmiaru tekstu Do określania wartości font-size na ekranie najkorzystniej jest używać jednostki px (a nie em ani %), a na wydruku - pt. Z uzasadnieniem możesz się zapoznać w punkcie: Najlepszy sposób ustalania wielkości czcionki. Ustalaj rodzaj czcionki zawsze wspólnie z jej wielkością (i...
- Komendy CSS3 / Podstawowy interfejs użytkownika CSS
Źródło: CSS Basic User Interface Module Level 3 (CSS3 UI) Spis treści box-sizing caret-color cursor outline outline-color outline-offset outline-style outline-width resize text-overflow box-sizing Wymiarowanie pudełka Wartość content-box | border-box Inicjalizacja content-box Zastosowanie wszystkie elementy, które akcektują szerokość i wysokość Dziedziczenie nie Procenty nie Media visual caret-color Kolor karetki tekstowej Wartość auto | <color> Inicjalizacja auto...