Dostosowywanie tagów HTML za pomocą reguł CSS - Selektor HTML
Jednym z powodów, dla których CSS jest tak popularny, jest wszechstronność, jaką zapewnia tagom HTML. Chociaż nie można „wyłączyć” wbudowanych elementów sterujących znacznika, można dodać więcej elementów sterujących do znaczników HTML, aby zwiększyć ich przydatność. Robisz to, dodając nowe definicje CSS do selektora znaczników. Użyjmy HTML

tag w naszym przykładzie, a my dodamy kolor tła, czcionkę, rozmiar czcionki i kontrolkę koloru tekstu do

etykietka. Spowoduje to wszystko między każdym otwarciem a zamknięciem

tagi, które będą kontrolowane przez nasze nowe definicje na stronie internetowej.

p {
kolor tła: # 000000;
rodzina czcionek: arial;
rozmiar czcionki: 12px;
kolor: #ffffff;
}

W naszym przykładzie reguła CSS zaczyna się od selektora HTML (p), po którym następuje blok deklaracji CSS zawierający wszystkie definicje wartości właściwości, które chcemy dodać. Jak zwykle każda definicja zaczyna się od właściwości, po której następuje dwukropek, wartość i kończy się średnikiem. Cały blok jest umieszczony w nawiasach klamrowych. Podczas pisania własnych reguł CSS dla tagów HTML należy pamiętać o kilku kwestiach.

  • Możesz umieścić niestandardową regułę CSS wewnątrz tagów w sekcji nagłówka strony internetowej.

  • Możesz umieścić niestandardową regułę CSS w zewnętrznym pliku CSS.

  • Dostosowane definicje CSS dodane do określonego selektora znaczników muszą zawierać właściwości, które mogą być kontrolowane przez ten znacznik.

  • Ponieważ umieścisz niestandardową regułę w sekcji nagłówka lub zewnętrznym pliku CSS, wpłynie to na całą stronę internetową. Jeśli potrzebujesz kontrolować tylko jeden pojedynczy znacznik HTML (jedno specjalne wystąpienie znacznika), zastosujesz styl wbudowany do tego pojedynczego znacznika.

  • Tag zachowuje wbudowane właściwości tego tagu HTML. Na przykład HTML pogrubiony tag będzie nadal stosować pogrubiony efekt do każdego tekstu umieszczonego między otwarciem a zamknięciem tagi.




Instrukcje Wideo: Kurs CSS odc.1: Kaskadowe arkusze stylów - pierwszy projekt, wiedza podstawowa (Kwiecień 2024).