<WebWord/>

yt tw fb
Arkusz stylów CSS
Wszystkie arkusze stylów zawierają jedną rzecz → reguły
Anatomia reguł:
Menu poziome

reguła:
{
właściwość
:
wartość
; } np.:
p
{
color
:
orangered
; }




Efekt:

Działający arkusz stylów



Typy stylów:
  • Zewnętrzny → osobny plik, w html dołączony arkusz:

    <link
    rel
    =
    stylesheet
    href
    =
    "arkusz.css"
    />


  • Wewnętrzny → umieszczony w nagłówku strony

    <style>
    p
    {
    color
    :
    pink
    ;
    font-size
    :
    40px
    ; }
    </style>


  • Lokalny → umieszczany wewnątrz tekstu

    <p>
    style
    =
    "color: blue; bacground-color: grey; font-weight: bold;"
    >
    tekst
    </p>