Advertisement
Guest User

jp nagiewicz nie zyje yea

a guest
Feb 25th, 2020
114
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.55 KB | None | 0 0
  1. Cechy języka CSS:
  2. - Oddziela strukturę informacyjną witryny od jej warstwy prezentacyjnej,
  3. - Daje większe możliwości formatowania tekstu,
  4. - Pozwala zapisać wszystkie informacje dot. wyglądu dokumentu w oddzielnym pliku tekstowym dołączonym później do dokumentów HTML,
  5. - Umożliwia formatowanie wielu dokumentów przy użyciu jednego arkuszu stylów,
  6. - Umożliwia stosowane różnych układów graficznych w zależności od typu urządzenia, na którym zamierzamy wyświetlać projektowaną stronę.
  7.  
  8. Przykład atrybutu w CSS:
  9. body {background-color: #dfdfdf; font-size:12px;}
  10.  
  11. Reguły obowiązujące w składni kaskadowych arkuszy stylów:
  12. - Selektor wskazuje na element HTML, dla którego chcemy ustawić styl,
  13. - Blok deklaracji zawiera jedną lub kilka deklaracji rozdzielonych średnikami,
  14. - Każda deklaracja zawiera nazwę właściwości oraz po dwukropku wartość przypisaną do tej wartości,
  15. - Każda deklaracja kończy się średnikiem,
  16. - Blok deklaracji jest otocznony nawiasami klamrowymi.
  17.  
  18. W dokumencie HTML istnieje kilka sposobów na dołączanie stylów CSS:
  19. - Styl lokalny (w linii),
  20. - Wewnętrzny arkusz stylów,
  21. - Zewnętrzny arkusz stylow.
  22. Sposób wstawiania stylów zależy od konkretnej sytuacji. Podczas projektowania witryny najczęściej stosuje się rózne sposoby osadzania arkuszy stylów.
  23.  
  24. Zewnętrzny arkusz tekstowy
  25. Plik o rozszerzeniu CSS dołączamy w sekcji <head> dokumentu poleceniem <link rel="stylesheet" href="arkusz.css">.
  26.  
  27. Import arkusza stylów:
  28. <style>
  29. @import url ("adres importowanego arkusza stylów.css");
  30. </style>
  31.  
  32. Kaskadowość określa hierarchię źródeł stylów. Wyższy priorytet mają style umieszczone bliżej formatowanego elementu.
  33.  
  34. DZIDZICZENIE
  35. Znaczniki zagnieszczone wewenątrz innych znaczników dziedziczą ich formatowanie.
  36.  
  37. body (background-color: #DFDFDF;)
  38. p (color: blue; font-size: 5; font-family: courier new;)
  39.  
  40. Do dyspozycji mamy dwa rodzaje jednostek miary - absolutne i relatywne. Przykładem miary absolutnej jest centymetr, relatywnej - piksel.
  41. Jednostkę miary podajemy zawsze bezpośrednio po liczbie, np. 1cm, 0.1in itd.
  42.  
  43. Miary absolutne
  44. in - cale, 1in = 2.54cm
  45. cm - centymetry, 1cm
  46. mm - milimetry, 1mm
  47. pt - punkty, 1pt = 1/72in
  48. pc - pika, 1pc = 12pt
  49. Miary relatywne
  50. em - wysokość czcionki elementu
  51. ex - x-height - wysokość litery x
  52. px - piksele, w odniesieniu do rozdzielczości tła
  53. Oddzielnie wyróżnia się wielkości procentowe oraz absolutne (np. x-large) i relatywne (np. smaller) miary czcionek.
  54.  
  55. Czarny - #000000
  56. Biały - #FFFFFF
  57. Czerwony - #FF0000
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement