font color - Kurs HTML i CSS

HTML dla zielonych / Łączenie znaczników i atrybutów HTML 
...pogrubienie, pochylenie, przekreślenie) dotyczące tekstu można łączyć, np. po wpisaniu w edytorze: To jest jakiś tekst otrzymamy: To jest jakiś tekst Zauważ, że znaczniki zamykamy w kolejności odwrotnej jak je otwieraliśmy. Czyli najpierw zamykamy znacznik, który został otwarty jako ostatni (w naszym przykładzie jest to: ), a na końcu zamykamy ten znacznik, który...
Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
...menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888; margin: 0; padding: 1px 5px; } #menu0 dd.active { font-weight: bold; } W wyróżnionych miejscach wpisano...
Menu w CSS / Menu z nagłówkami
...dd { display: block; margin: 0; padding: 0; } dl { width: 200px; } dt { background-color: #ccc; color: #000; padding: 7px; font-weight: bold; font-size: larger; text-align: center; } dl a:link, dl a:visited { display: block; width: 186px; text-decoration: none; background-color: #ccc; color: #000; padding: 5px; border: 2px outset #ccc; } dl a:hover { border-style: inset; padding: 7px 3px 3px 7px; } CSS Czcionki Tekst Tło Marginesy...
Komendy HTML 4.01 / Wykaz atrybutów
...rozdzielonych odstępami axis TD, TH Lista powiązanych nagłówków rozdzielonych przecinkami background BODY Obrazek w tle dokumentu bgcolor BODY Kolor tła dokumentu bgcolor TABLE Kolor tła komórek tabeli bgcolor TD, TH Kolor tła komórek tabeli bgcolor TR Kolor tła wierszy tabeli border IMG, OBJECT Szerokość obramowania odnośnika border TABLE Szerokość obramowania tabeli cellpadding TABLE Odstępy wewnątrz komórek tabeli cellspacing TABLE...
Komendy HTML 4.01 / Elementy zdeprecjonowane
...pod względem zgodności ze standardem HTML. Wykaz elementów zdeprecjonowanych Element Zamiennik APPLET OBJECT BASEFONT CSS: color, font-family, font-size CENTER CSS: text-align DIR UL FONT CSS: color, font-family, font-size ISINDEX INPUT MENU UL S CSS: text-decoration STRIKE CSS: text-decoration U CSS: text-decoration Wykaz atrybutów zdeprecjonowanych Atrybut Zastosowanie Zamiennik align APPLET, IFRAME, IMG, INPUT, OBJECT CSS...
Menu w CSS / Poziome menu
...25b #25b #9ce; } ul a:link, ul a:visited { text-decoration: none; display: block; width: 95px; text-align: center; padding: 5px 0; font-weight: bold; background-color: #27c; color: #def; border-top: 10px solid #25b; } ul a:hover { background-color: #28e; color: #fff; border-top: 20px solid #26d; } Efekt wysuwania po wskazaniu myszką został uzyskany poprzez zwiększenie wysokości górnego obramowania linków. Określenie pozycji absolutnej eliminuje przesuwanie się...
Oprawa graficzna / "Duszki" CSS
...href="obramowanie.html">Obramowanie</a></li> </ul> ul, ul li { display: block; list-style: 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...
Selektory pseudoklas CSS / Pseudoklasy cykliczne :nth-child :nth-last-child :nth-of-type :nth-last-of-type
...Komórka 3.2 Komórka 4.1 Komórka 4.2 Komórka 5.1 Komórka 5.2 Komórka 6.1 Komórka 6.2 Nieparzyste definicje listy: dl > dd:nth-of-type(odd) { font-weight: bold } Termin 1 Definicja 1 Termin 2 Definicja 2 Termin 3 Definicja 3 Termin 4 Definicja 4 Termin 5 Definicja 5 Termin 6 Definicja 6 Nieparzyste wiersze poczynając od końca: tbody > tr:nth-last-child(odd) { color: white; background-color: gray } Komórka 1.1 Komórka 1.2 Komórka 2.1 Komórka 2.2 Komórka 3.1 Komórka 3.2...
Aktualizacja / System newsów
...Aby wprowadzić system newsów, należy skopiować poniższy kod i zapisać go w pliku z rozszerzeniem *.css - np. news.css: /* Tytuł: */ .news dt { font-size: 14px; /* rozmiar czcionki */ text-align: left; /* wyrównanie tekstu: left, right, center, justify */ padding: 5px; /* margines wewnątrz */ border-width: 1px; /* grubość obramowania */ border-style: solid; /* styl obramowania: solid, dashed, dotted, double, groove, ridge, inset, outset */ border-color: gray; /* kolor...
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?
...nierozpoznanego składnika, tzn. w tym przypadku tekst zostałby pokreślony, ale nie nadkreślony. Miało to wpływ na następujące własności CSS: font, background, background-position, text-decoration, margin, padding, border, border-top, border-right, border-bottom, border-left, border-color, border-width, border-style, list-style-image, list-style, clip oraz behavior, text-autospace i layout-grid. W trybie zgodności dla własności font musimy obowiązkowo podać przynajmniej wielkość i...

1 2 3 »