tła kontra troska w tle, jaka jest różnica?

Podczas stylizacji dokumentu ważne jest, aby dbać o zastosowane kolory tła, aby wyglądał dobrze i urzeka oko w taki sposób, że nie ma trudności podczas czytania tekstu z powodu złego wyboru kombinacji kolorów. W tym celu istnieje właściwość tła CSS, która ustawia kolor tła tekstu lub całego interfejsu zgodnie z instrukcjami podanymi przez użytkowników.

Nazwa koloru, która powinna być wyświetlana na interfejsie wyjściowym, jest zapisana w tej właściwości tła. Na przykład, "Tło: czerwony”Ustawia kolor tła na czerwono. Podobnie, aby uprościć tło lub usunąć kolory tła, „nic" I "przezroczysty”Są używane we właściwości tła, a nie o nazwie koloru.

Zarówno tło: Brak, jak i tło: Przezroczysty wyświetla te same wyniki, co całkowicie usuwają tło. Tak więc nie ma większej różnicy między pracą tych dwóch.

Różnica między „tłem: brak” i „tło: przezroczyste” w CSS

„„Tło: Brak" I "Tło: przezroczyste”, Oba są używane w tym samym celu. Ustawiają kolor tła jako brak lub usuwają kolor z tła.

Ale nadal, jeśli myślimy krytycznie i próbujemy znaleźć między nimi różnice, istnieją dwie możliwe różnice:

• Główną różnicą między nimi jest to, że są to różne słowa z różną liczbą znaków w nich. Tak więc wiele osób uważa, że ​​kiedy są one używane w wielkim dokumencie w różnych miejscach, dokument, który używa „Tło: Brak”Może zająć mniej czasu, ponieważ żadna nie ma mniejszej liczby znaków w porównaniu z przezroczystym.
• Jeśli mówimy o tym, jak są kompilowane, to „”Tło: Brak”Ustawia obraz tła na żaden lub powiedzmy, że usuwa kolor tła. Z drugiej strony „Tło: przezroczyste”Ustawia przezroczysty kolor jako tło tekstu lub całego interfejsu (w zależności od tego, który jest skierowany w elemencie stylu CSS).

Ale tego rodzaju różnice można zaniedbać, jeśli mówimy o wpływie, jaki mają na interfejs graficzny, ponieważ na końcu nie będzie różnicy.

Przykład: Stosowanie tła: Brak i tło: Przezroczyste

Praktycznie udowodnijmy, że „Tło: Brak" I "Tło: przezroczyste„Zrób to samo z interfejsem. Napisz fragment kodowy, aby poznać wpływ właściwości tła CSS zarówno z NOM, jak i przezroczystym:

Jest to prosty tekst wyjaśniający cel tła: Brak i tło: Przezroczysty

W wyżej wymienionym fragmencie kodowym znajduje się nagłówek w dokumencie HTML i otrzymano identyfikator o nazwie „tekst".

Dodanie właściwości tła CSS

Tekst otrzymał identyfikator, więc utwórzmy selektor identyfikatora w elemencie stylu CSS i po prostu dodaj „Tło: Brak„Własność w nim:

#Text
Tło: Brak;

Podobnie, aby napisać „Tło: przezroczyste„Własność, nie ma różnicy w metodzie. Po prostu wymień „nic" z "przezroczysty”:

#Text
Tło: przezroczyste;

Oboje "Tło: Brak" I "Tło: przezroczyste”Wygeneruje to samo wyjście:

Oznacza to, że nie ma różnicy między nimi i są one kompilowane w ten sam sposób.

Dodawanie właściwości tła o nazwie koloru

Teraz, jeśli dodamy nazwę kolorów zamiast pisać „nic" I "przezroczysty”, Wyjście nigdy nie będzie takie samo, jak wygenerowane przez„Tło: Brak" I "Tło: przezroczyste". Na przykład piszemy nazwę koloru we właściwości tła:

#Text
Tło: Lightblue;

Różnica jest jasna. Nie wyświetla tego samego wyjścia, co w przypadku Tło: Brak I Tło: przezroczyste:

To podsumowuje różnicę między tłem: brak a tłem: przezroczyste.

Wniosek

Tło: Brak i tło: Transparent służą do usuwania koloru tła i ustawienia koloru tła odpowiednio przezroczystego. Ale ponieważ oba mają dokładnie taki sam wpływ na interfejs wyjściowy, zarówno tło: Brak, jak i tło: przezroczyste mogą być używane w tym samym celu.