Jak zastąpić styl CSS - HTML

CSS pozwala twórcom stron internetowych zastosować różne style, takie jak „granica”,„wyświetlacz”,„styl czcionki”,„styl graniczny”,„margines”,„wyściółka”I wiele innych na stronach internetowych. Ponadto pozwala programistom indywidualnie przeprowadzić to zadanie HTML, które tworzy każdą stronę internetową. Użytkownicy mogą stylizować dowolną właściwość do elementu, który już zaprojektowali, aby zastąpić istniejącą właściwość.

Ten post wyjaśni metodę zastąpienia stylu CSS.

Jak zastąpić styl CSS?

Aby zastąpić styl CSS, musisz postępować zgodnie z następującymi instrukcjami.

Krok 1: Utwórz pojemnik „Div”

Początkowo stwórz kontener DIV za pomocą „div”Tag. Następnie wstaw „„klasa”Atrybut wewnątrz znacznika otwierającego div i przydziel określoną nazwę do klasy zgodnie z wymogiem.

Krok 2: Utwórz zagnieżdżony pojemnik „Div”

Następnie zrób kolejny zagnieżdżony „div”Pojemnik z tą samą metodą, jak wspomniano w poprzednim kroku:

Krok 3: Główny kontener Div Style

Uzyskaj dostęp do głównego kontenera Div za pomocą nazwy klasy za pomocą selektora atrybutów. Aby to zrobić, wykorzystaliśmy „.główna zawartość”:

.główna zawartość
Margines: 40px 160px;
Border: 3Px kropkowana zielona;
Wyściółka: 30px;

Po uzyskaniu dostępu do głównego kontenera Div zastosuj poniżej wspomniane właściwości CSS:

• • "margines”Jest wykorzystywany do określenia przestrzeni poza elementem.
  • "granica”Dodaj granicę wokół zdefiniowanego elementu.
  • "wyściółka”Służy do dodawania przestrzeni wewnątrz zdefiniowanej granicy.

Wynikowy obraz pokazuje wyjście powyższego bloku kodu:

Krok 4: Stylowy pojemnik „Div”

Teraz uzyskaj dostęp do drugiego kontenera Div z nazwą klasy i selektorem jako „.Przykładowa klasa”I stygnij go w następujący sposób:

.Przykładowa klasa
Wysokość: 100px;
szerokość: 100px;
Tło: RGB (22, 221, 211);
Border: 2px Solid Black;

Tutaj:

• • "wysokość„Właściwość służy do ustawienia wysokości elementu.
  • "szerokość„Przydziela wielkość szerokości elementu.
  • "tło”Określa kolor tylnej części elementu na zdefiniowanej granicy.

Wyjście

Krok 5: Dostęp do zagnieżdżonych kontenerów Div

Teraz uzyskaj dostęp do zagnieżdżonego kontenera Div i skorzystaj z „tło„Własność nadpisywania stylu CSS:

.Wewnętrzny Div .Przykładowa klasa
Tło: RGB (224, 72, 12);

W rezultacie CSS „tło„Nieruchomość zastępuje pierwszą stosowaną właściwość tła:

Nauczyłeś się metody zastąpienia stylu CSS.

Wniosek

Aby zastąpić styl CSS, najpierw stwórz kontener DIV za pomocą „" pojemnik. Następnie stwórz zagnieżdżoną kontener Div. Następnie uzyskaj dostęp do pierwszej div i zastosuj właściwości CSS. Następnie uzyskaj dostęp do zagnieżdżonej div i zastosuj tę samą właściwość CSS, która zastępuje istniejącą właściwość. Ten samouczek pokazał metodę zastąpienia stylu CSS.