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


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
p
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.

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



Review: Quiz 1 (Huhtikuu 2021)



Tagit Artikkeli: CSS-sääntöjoukot, ilmoituslohkot ja valitsimet - Kuinka kirjoittaa CSS-tyyli, HTML, Kuinka kirjoittaa CSS-tyyli, CSS-valitsin, CSS-ominaisuus, CSS-arvo, CSS-tyyli, CSS-sääntö, alkava CSS, alkaa CSS-tyylisivut, mitä ovat CSS-tyylisivut, mitä ovat CSS, miten CSS: ää käytetään, CSS-tyypit, CSS-tyypit, hallitaan verkkosivun tyyliä, CSS ja HTML, lisätään CSS verkkosivulle