CSS tutoriale http://www.garbnik.com Mon, 06 Apr 2009 13:20:07 +0000 http://wordpress.org/?v=2.8.6 en hourly 1 Background Repeat http://www.garbnik.com/background-repeat/ http://www.garbnik.com/background-repeat/#comments Mon, 06 Apr 2009 13:08:23 +0000 admin http://www.garbnik.com/?p=101 Syntaks: background-repeat: <value> Możliwe wartości: repeat | repeat-x | repeat-y | no-repeat Wartość początkowa: repeat Zastosowanie: Wszystkie elementy Dziedziczenie: Nie

Właściwość background-repeat pozwala na sprecyzowanie jak obraz tła danego elementu powinien się powtarzać. Wartość repeat-x będzie powtarzać obraz horyzontalnie. Wartość repeat-y powtarza obraz pionowo.

Typowa deklaracja wygląda nastepująco:

BODY { background: white url(candybar.gif);

background-repeat: repeat-x }

Szybkie menu

]]> http://www.garbnik.com/background-repeat/feed/ 0 Background Image http://www.garbnik.com/background-image/ http://www.garbnik.com/background-image/#comments Mon, 06 Apr 2009 13:01:02 +0000 admin http://www.garbnik.com/?p=97 Syntaks: background-image: <value> Możliwe wartości: <url> | none Wartość początkowa: none Zastosowanie: Wszystkie elementy Dziedziczenie: Nie

Właściwość background-image pozwala na sprecyzowanie obrazłu tła danego elementu.

Typowa deklaracja wygląda nastepująco:

BODY { background-image: url(/images/foo.gif) }
P { background-image: url(/images/bg.png) }

Kiedy określa się obraz tła, dobrze jest również sprecyzować kolor tła dla użytkowników, których przeglądarki sa ustanione na blokowanie obrazów.

Szybkie menu

]]> http://www.garbnik.com/background-image/feed/ 0 Background Color http://www.garbnik.com/background-color/ http://www.garbnik.com/background-color/#comments Mon, 06 Apr 2009 12:51:56 +0000 admin http://www.garbnik.com/?p=95 Syntaks: background-color: <value> Możliwe wartości: <color> | transparent Wartość początkowa: transparent Zastosowanie: Wszystkie elementy Dziedziczenie: Nie

 

Właściwość background-color pozwala na sprecyzowanie koloru tła danego elementu.

Typowa deklaracja wygląda nastepująco:

BODY { background-color: white }

H1 { background-color: #000080 }

Szybkie menu

]]> http://www.garbnik.com/background-color/feed/ 0 Color http://www.garbnik.com/color/ http://www.garbnik.com/color/#comments Mon, 06 Apr 2009 12:46:00 +0000 admin http://www.garbnik.com/?p=92 Syntaks: color: <color> Wartość początkowa: Określana przez przęglądarkę Zastosowanie: Wszystkie elementy Dziedziczenie: Tak

Właściwość color pozwala na sprecyzowanie koloru elementu.

Typowa deklaracja wygląda nastepująco:

H1 { color: blue }

H2 { color: #000080 }

H3 { color: #0c0 }

Aby uniknąć konfliktu z arkuszem stylów użytkownika należy zawsze określać kolor razem z tłem.

Szybkie menu

]]> http://www.garbnik.com/color/feed/ 0 Font http://www.garbnik.com/font/ http://www.garbnik.com/font/#comments Thu, 02 Apr 2009 18:40:17 +0000 admin http://www.garbnik.com/?p=86 Syntaks: font: <value> Możliwe wartości: [ <font-style> || <font-variant> || <font-weight> ] <font-size> [ / <line-height> ] <font-family> Wartość początkowa: brak definicji Zastosowanie: wszystkie elementy Dziedziczenie: tak

Typowa deklaracja wygląda nastepująco:

P { font: italic bold 12pt/14pt Times, serif }

Szybkie menu

]]> http://www.garbnik.com/font/feed/ 0 Font size http://www.garbnik.com/font-size/ http://www.garbnik.com/font-size/#comments Thu, 02 Apr 2009 18:37:02 +0000 admin http://www.garbnik.com/?p=84 Syntaks: font-size: <absolute-size> | <relative-size> | <length> | <percentage> Możliwe wartości:
  • <absolute-size>
    • xx-small | x-small | small | medium | large | x-large | xx-large
  • <relative-size>
    • larger | smaller
  • <length>
  • <percentage> (in relation to parent element)

Wartość początkowa: medium Zastosowanie: Wszystkie elementy Dziedziczenie: Tak

Typowa deklaracja wygląda nastepująco:

H1 { font-size: large }
P { font-size: 12pt }
LI { font-size: 90% }
STRONG { font-size: larger }

Szybkie menu

]]> http://www.garbnik.com/font-size/feed/ 0 Font weight http://www.garbnik.com/font-weight/ http://www.garbnik.com/font-weight/#comments Thu, 02 Apr 2009 18:33:18 +0000 admin http://www.garbnik.com/?p=82 Syntaks: font-weight: <value> Możliwe wartości: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Wartość początkowa: normal Zastosowanie: Wszystkie elementy Dziedziczenie: Tak

Typowa deklaracja wygląda nastepująco:

H1 { font-weight: 800 }
P { font-weight: normal }
H1 { font-weight: 800 }
P { font-weight: normal

Szybkie menu

]]> http://www.garbnik.com/font-weight/feed/ 0 font variant http://www.garbnik.com/font-variant/ http://www.garbnik.com/font-variant/#comments Thu, 02 Apr 2009 18:29:19 +0000 admin http://www.garbnik.com/?p=80 Syntaks: font-variant: <value> Możliwe wartości: normal | small-caps Wartość początkowa: normal Zastosowanie: Wszystkie elementy Dziedziczenie: Tak

Typowa deklaracja wygląda nastepująco:

SPAN { font-variant: small-caps }

Szybkie menu

]]> http://www.garbnik.com/font-variant/feed/ 0 Font style http://www.garbnik.com/font-style/ http://www.garbnik.com/font-style/#comments Thu, 02 Apr 2009 18:22:56 +0000 admin http://www.garbnik.com/?p=76 Syntaks: font-style: <value> Możliwe wartości: normal | italic | oblique Wartość początkowa: normal Zastosowanie: Wszystkie elementy Dziedziczenie: Tak

Właściwość font-style definiuje czy czcionka ma być wyświetlana jako: normal, italic lub oblique.

Typowa deklaracja wygląda nastepująco:

H1 { font-style: oblique }
P { font-style: normal }

Szybkie menu

]]> http://www.garbnik.com/font-style/feed/ 0 Font family http://www.garbnik.com/font-family/ http://www.garbnik.com/font-family/#comments Thu, 02 Apr 2009 18:12:24 +0000 admin http://www.garbnik.com/?p=74 Syntaks: font-family: [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>] Możliwe wartości : <family-name>

  • każda rodzina czcionek

<generic-family>

  • serif (np.:Times)
  • sans-serif (np: Arial or Helvetica)
  • cursive (np.: Zapf-Chancery)
  • fantasy (np.:Western)
  • monospace (np.: Courier)
Początkowa wartość: Określa przeglądarka Zastosowanie: wszystkie elementy Dziedziczność: tak

Typowa deklaracja font-family wyglada następująco:

P { font-family: “New Century Schoolbook”, Times, serif }

Szybkie menu

]]> http://www.garbnik.com/font-family/feed/ 0