CSS syntaksi

CSS syntaksi

CSS-sääntösarja (rule-set) koostuu valitsijoista ja lausekkeista:

CSS valitsimet

Valitsin osoittaa HTML-elementtiin, johon haluat asettaa tyylit.

Lausunnonloppu sisältää yhden tai useamman lausunnon, erotettuna semikolmella.

Jokainen lausunto sisältää CSS ominaisuuden nimen ja arvon, erotettuna kolmosepomolla.

Useita CSS lausuntoja erotetaan semikolmella, lausunnonloppu sulkeilla.

Esimerkki

Tässä esimerkissä kaikki <p> -elementit keskittyvät ja niillä on punainen tekstit色彩：

p {
  color: red;
  text-align: center;
}

Kokeile itse

Esimerkki selitetään

  • p On CSS:ssäValitsin（Se osoittaa HTML-elementtiin, johon haluat asettaa tyylit: <p>）。
  • color On ominaisuusred On ominaisuusarvo
  • text-align On ominaisuuscenter On ominaisuusarvo

Seuraavassa luvussa opit lisää CSS valitsimista ja CSS ominaisuuksista.