Kaskadowe arkusze stylów. Dołączanie stylu do dokumentu


Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 47

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 49

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 47

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 49

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 47

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 49

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 47

Warning: preg_replace(): The /e modifier is no longer supported, use preg_replace_callback instead in /home/platne/serwer318421/public_html/zeszyt.jedlikowski.com/wp-content/plugins/latex/latex.php on line 49

http://w3schools.com/css/default.asp

http://kodcss.pl/

Kaskadowe arkusze stylów (Cascading Style Sheets)- język służący do zarządzania. wirtualną częścią strony internetowej. Style CSS składają się z listy reguł (dyrektyw) określających, w jaki sposób zostanie wyświetlony wybrany element dokumentu HTML. Lista pozwala m.in. na wprowadzenie zmian w kolorze tekstu, kroju czcionki, tle strony, marginesach, odstępach między literami i wierszami, wyglądzie odsyłaczy oraz położeniu elementów.

Głównym celem stworzenia języka CSS było odseparowanie treści dokumentu od jego strony wizualnej.

Wyróżniamy trzy typy arkuszy CSS:

  • styl wpisany - bardzo rzadko używany, bo praktycznie nie odbiega od kodu HTML - należy wpisać fragment kodu przy każdym znaczniku
  • styl osadzony - w nagłówku dokumentu HTML umieszcza się skrypt CSS dla dokumentu; lepszy od wpisanego, bo dotyczy całego dokumentu, jest jednak niezalecany
  • styl dołączony - zalecane użycie CSSa, bo informacje CSS są zapisane w osobnym pliku, a w dokumentach HTML podajemy link do niego, wtedy możemy w ten sam sposób sformatować kilka podstron; można też używać kilka arkuszy stylów

Hierarchia użycia stylów przez przeglądarkę wg kolejności użycia:

  1. style wpisane
  2. style osadzone
  3. style dołączone

Atrybuty formatowania w języku CSS definiuje się za pomocą tzw. reguł stylów. Każda reguła odnosi się do konkretnego elementu (znacznika) i składa się z dwóch części: selektora i deklaracji. Selektor określa do jakich elementów ma zostać przypisane formatowanie, a deklaracja podaje to formatowanie i jest umieszczona w nawiasie klamrowym {...}. Każda deklaracja składa się przynajmniej z jednego zespołu cecha lub inaczej własność albo właściwość (ang. property) - wartość (ang. value), przy czym można podać dowolną liczbę, rozdzielając kolejne znakiem średnika (;). Średnik na końcu deklaracji nie jest konieczny.

źródło

Jednostki w CSS:

  • Długość
    • względne czcionki - odwołanie do aktualnego rozmiaru czcionki
      • em - wysokość aktualnej czcionki
      • ex - wysokość małej litery w aktualnej czcionce
      • ch - szerokość cyfry 0 w aktualnej czcionce
    • bezwzględne czcionki
      • in - cale (~2.54 cm)
      • cm - centymetry
      • mm - milimetry
      • pt - punkty typograficzne ( in)
      • pc - pika (12 pt)
      • px - piksele ( in)
  • Procenty
  • Kąty
    • deg - stopnie
    • grad - gradus
    • rad - radian
    • turn - obroty (CSS 3)
  • Czas
    • ms - milisekundy
    • s - sekundy
  • Częstotliwość
    • Hz - herc
    • kHz - kiloherc
  • Łańcuchy znakowe
  • Rozdzielczość
    • dpi - plamki na cal
    • dpcm - plamki na centymetr
    • dppx - plamki na piksel (=96 dpi)

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

Witryna wykorzystuje Akismet, aby ograniczyć spam. Dowiedz się więcej jak przetwarzane są dane komentarzy.