czwartek, 12 listopada 2015

CSS

CSS - kaskadowe arkusze stylów pozwalają tworzyć reguły określające wygląd zawartości elementów. Możemy np. podać, że tło strony ma być koloru kremowego, wszystkie akapity powinny być wyświetlone czcionką Arial w kolorze szarym albo że nagłówki pierwszego poziomu mają być wyświetlane niebieską pochyloną czcionką Times.
color określa kolor tła, tekstu
przykład zapisywania kolorów w CSS:
Wartości RGB wyrażają kolory jako ilość tworzących go trzech kolorów podstawowych: czerwonego, zielonego i niebieskiego, np. rgb(100,100,90). Wartości kolorów czerwonego, zielonego i nibieskiego są podawane jako liczby z zakresu od 0 do 255.
Kody szesnastkowe to sześciocyfrowe kody reprezentujące ilość trzech kolorów podstawowych, poprzedzone znakiem #, np. #ee3e80.
System szesnastkowy
Szesnastkowy system liczbowy znany również pod nazwą system heksadecymalny – pozycyjny system liczbowy, w którym podstawą jest liczba 16. Do zapisu liczb w tym systemie potrzebne jest szesnaście znaków (cyfr szesnastkowych).
W najpowszechniejszym standardzie poza cyframi dziesiętnymi od 0 do 9 używa się pierwszych sześciu liter alfabetu łacińskiegoABCDEF (wielkich lub małych). Cyfry 0-9 mają te same wartości co w systemie dziesiętnym, natomiast litery odpowiadają następującym wartościom: A = 10, B = 11, C = 12, D = 13, E = 14 oraz F = 15.
Nazwy kolorów dostępnych jest 147 predefiniowanych nazw kolorów, które rozpoznają przeglądarki, np. DarkCyan.
Kolor tła - background - color określamy tak samo jak kolory liter. 
Tekst 
Czcionka szeryfowa charakteryzuje się dodatkowymi kreseczkami na końcach głównych linii tworzących znaki. Elementy te są nazywane szeryfami. np. TimesNewRoman
Czcionka Bezszeryfowa charakteryzuje się prostym zakończeniem liter. np. Arial
Czcionka o Stałej szerokości znaków np. Courier
Grubość  cienka , średnia, pogrubiona, bardzo gruba 
Styl normalny, kursywa, pochylone 
Rozciągnięcie zwarty, normalny, rozszerzony
Umieszczenie stylu CSS w kodzie HTML w nagłówku jako link do zewnętrzego pliku styl.css

<head>
  <title>Przykład działania CSS</title>
  <link rel="stylesheet" type="text/css" href="styl.css" />
</head>

Brak komentarzy:

Prześlij komentarz