Jak wszyscy wiemy, że HTML i CSS idą w parze, aby stworzyć responsywny i atrakcyjny projekt strony internetowej, ale czasami musimy zastosować te same właściwości CSS do wielu tagów HTML zgodnie z wymogiem projektowania. Teraz pojawia się pytanie, co robimy w takiej sytuacji? Tutaj pojawiły się zajęcia CSS, aby uratować nas przed pisaniem tego samego kodu CSS wiele razy.

Klasa CSS jest kluczowym graczem w dodawaniu wielu właściwości do elementu lub całej strony internetowej. Biorąc pod uwagę znaczenie klasy CSS, ten artykuł ma na celu zapewnienie wglądu w klasę CSS z następującymi wynikami uczenia się:

• Co to jest klasa CSS
• Jak korzystać z wielu klas na jednym znaczniku HTML
• Klasa CSS dla określonego znacznika HTML

Co to jest klasa CSS

W CSS klasa służy do zdefiniowania zestawu właściwości do zastosowania właściwości CSS luzem. Klasa może być używana przez wiele tagów HTML na raz, co oznacza, że ​​nie musimy pisać tych samych właściwości CSS w naszym kodzie HTML wiele razy. Klasa jest zdefiniowana w grupie właściwości CSS. Ogólna składnia klasy CSS podano poniżej:

.Nazwa klasy
Właściwości CSS

W CSS kropka (.) służy do ustawiania nazwy klasy, a właściwości CSS są następnie zamknięte w kręconych aparatach ortodontycznych.

Jak utworzyć klasę CSS

Przede wszystkim klasa CSS służy do zamknięcia zestawu właściwości CSS, a następnie zastosowania tych właściwości, wywołując klasę. Poniższy kod wyjaśnia, w jaki sposób tworzone są klasy CSS.

Klasa CSS

To pierwszy akapit dla samouczka klasowego

To jest drugi akapit dla samouczka klasowego

W powyższym przykładzie tworzymy trzy klasy CSS, pojemnik, Centrum I kolor. Te klasy są stosowane na ,

, I

odpowiednio tagi.

Wyjście

W powyższej klasie kontenera wyjściowego określa wysokość i szerokość pojemnika, umieść również granicę, podczas gdy klasa kolorów zmienia kolor czcionki, a klasa środka wyrównuje tekst do środka.

Jak korzystać z wielu klas na pojedynczym HTMLTAG

W CSS możemy użyć wielu klas na jednym znaczniku HTML, który pomaga w stylizowaniu HTML. Poniższy przykład lepiej pokazuje tę koncepcję.

Klasa CSS

To pierwszy akapit dla samouczka klasowego

To jest drugi akapit dla samouczka klasowego

To trzeci akapit dla samouczka klasowego

W powyższym kodzie powstaje pięć klas CSS. pojemnik klasa jest stosowana na tagu, podczas gdy reszta czterech klas jest stosowana na

tagi. Ponadto na jednym różnych klasach CSS są stosowane

tag (ostatni

Wyjście

W powyższym wyjściu trzeci akapit jest pokazany przy zastosowaniu wielu klas CSS jednocześnie.

Jak korzystać z klas w HTML

Możemy również określić klasę CSS dla określonego znacznika HTML. Ten typ klasy jest pomocny, gdy chcemy zastosować ten sam styl na określonym znaczniku za każdym razem, gdy jest używany. Poniższy przykład pomaga lepiej zrozumieć.

Przykład

Klasa CSS

To jest pierwszy akapit zapisywany w tag

To jest drugi akapit dla samouczka klasowego

To trzeci akapit dla samouczka klasowego

W tym przykładzie stworzyliśmy klasę kolorów specjalnie dla

tag i zastosowałem to tag i

.

Wyjście

Powyższe wyjście wyraźnie pokazuje, że klasa kolorów działała tylko

tag, ponieważ jest on specjalnie utworzony dla

Wniosek

W CSS klasa jest atrybutem używanym do zastosowania wielu właściwości CSS na znacznikach HTML. Pojedynczą klasę CSS można zastosować na wielu znacznikach HTML i odwrotnie. Kropka (.) Symbol identyfikuje klasę CSS. W tym artykule dowiedzieliśmy się o zajęciach CSS, jak korzystać z wielu klas CSS na pojedynczym znaczniku HTML i klasie CSS dla określonego HTMLTAG. Również ta sama klasa CSS może być używana przez wiele tagów jednocześnie.