tietokoneet

CSS-sääntöjoukot, ilmoituslohkot ja valitsimet - miten CSS-tyyli kirjoitetaan

Huhtikuu 2021

Tässä opetusohjelmassa keskustellaan koodista, jota käytät ohittaaksesi selaimen ja HTML-tunnisteiden oletustyylin. Sijoita tämä koodi avautuvien ja sulkevien tunnisteiden väliin. Aseta tämä sitten verkkosivusi yläosaan. Katsotaanpa koodia.

CSS-peruskoodi

esimerkki

valitsimet

Valitsin ohjaa missä tyyliä käytetään. Yllä olevassa esimerkissä p HTML-koodissa

kappaleitagi on valitsin, joka käskee selainta käyttämään tyyliä kaikkeen avaamisen väliin

tag ja sulkeminen

tag.

ominaisuudet

Fonttikoko

Ominaisuus on parametri tai ominaisuus, jota tyyli hallitsee. Esimerkissämme on kolme ominaisuutta. Ne ovat fonttikoko (fonttikoko), väri ja tekstin kohdistus (tekstin kohdistaminen).

arvot

12pt

Ominaisuudelle määritetty arvo kertoo selaimelle, kuinka tämä ominaisuus näytetään. Esimerkissämme fonttikokoominaisuudeksi on asetettu 12 pistettä, väriominaisuudeksi on asetettu musta (# 000000) ja tekstin kohdistusominaisuus on asetettu keskikohdaksi. Kaikki tämä aiheuttaa tekstin avaamisen ja sulkemisen välillä

tunnisteiden on oltava kooltaan 12 pistettä, väriltään mustia ja keskitettyjä.

Kun muokkaat tyylejäsi, muista nämä muutamat vaatimukset.

Ominaisuus-arvoparia kutsutaan ilmoitukseksi tai määritelmäksi (väri: musta)
Kaikki yhden valitsimen ilmoitukset tulee laittaa yhteen kiharaan {}. Tätä kutsutaan ilmoituslohkoksi.
Valitsinta ja ilmoituslohkoa kutsutaan säännöksi.
Jokaisen valitsimen tulisi alkaa erilliseltä riviltä.
Erota kiinteistö sen arvosta: kaksoispisteellä (väri: musta)
Jos arvolla on enemmän kuin yksi sana, sijoita arvo lainausmerkkien väliin ("Comic Sans MS")
Erota jokainen ilmoitus painikkeella; puolipiste.