HTML-tunnisteiden mukauttaminen CSS-sääntöjen avulla - HTML-valitsin
Yksi syy siihen, miksi CSS on niin suosittu, on monipuolisuus, jonka se antaa HTML-tunnisteille. Vaikka et voi "sammuttaa" tagin sisäisiä säätimiä, voit lisätä HTML-tunnisteisiin lisää säätimiä niiden käyttökelpoisuuden lisäämiseksi. Voit tehdä tämän lisäämällä uusia CSS-määritelmiä tunnisteen valitsimeen. Käytämme HTML-koodia

tagille esimerkissämme ja lisäämme taustavärin, fontin kasvot, fontin koon ja tekstin värisäätimen

tag. Tämä aiheuttaa kaiken avaamisen ja sulkemisen välillä

tunnisteita, joita hallitaan uusilla määritelmillämme verkkosivustolla.

p {
taustaväri: # 000000;
kirjasinperhe: arial;
fonttikoko: 12px;
väri: #ffffff;
}

Esimerkissämme CSS-sääntö alkaa HTML-valitsimella (p), jota seuraa CSS-ilmoituslohko, joka sisältää kaikki ominaisuus-arvomääritelmät, jotka haluamme lisätä. Kuten tavallista, jokainen määritelmä alkaa ominaisuudella, jota seuraa kaksoispiste, arvo ja päättyy puolipisteellä. Koko lohko on sijoitettu kiharaan kiinnikkeisiin. Muutamia asioita on muistettava, kun kirjoitat omia CSS-sääntöjäsi HTML-tunnisteille.

  • Voit sijoittaa mukautetun CSS-säännön verkkosivustosi yläosan tagien sisään.

  • Voit sijoittaa mukautetun CSS-säännön ulkoiseen CSS-tiedostoon.

  • Tietylle tag-valitsimelle lisäämäsi mukautettujen CSS-määritelmien on sisällettävä ominaisuuksia, joita kyseinen tunniste voi hallita.

  • Koska sijoitat mukautetun säännön pääosaan tai ulkoiseen CSS-tiedostoon, se vaikuttaa koko verkkosivulle. Jos joudut hallitsemaan vain yhtä yksittäistä HTML-tunnistetta (yksi tunnisteen erityinen esiintymä), käyttäisit rivityylistä kyseiseen tunnisteeseen.

  • Tunniste säilyttää kyseisen HTML-tunnisteen sisäänrakennetut ominaisuudet. Esimerkiksi HTML lihavoitu tunniste soveltaa edelleen lihavoitua merkintää tekstiin, joka sijoitetaan avaamisen ja sulkemisen välillä tunnisteita.




Video-Ohjeita: Section 9 (Saattaa 2024).