Jaki jest cel tego fragmentu kodu CSS?

Question

Mam następujący fragment w moim arkuszu stylów. Jaki jest wpływ lub cel?

* { 
    margin:0; 
    padding:0; 
    top: 0px; 
    left: 0px; 
} 

Answer 1

To jest reset CSS. Jego celem jest usunięcie domyślnych odstępów niezerowych dla wszystkich elementów (*). Wszystkie przeglądarki mają domyślny arkusz stylów i nie są ze sobą spójne. Przykładem może być <form>.

Uwaga: Ustawianie left i top właściwości 0px nie wygląda prawo do mnie. Prawdopodobnie spowoduje to problemy z pozycjonowaniem absolutnym. Podczas pozycjonowania elementu absolutnie możesz chcieć zdefiniować tylko jego pionowe lub poziome przesunięcie (nie obie), pozostawiając inne przesunięcie niezmienione. Ten reset CSS nie pozwala na to, ponieważ daje wartości zarówno w pionie, jak iw poziomie. Możesz także ustawić element od dołu. Jeśli posiadasz ten reset, będzie on miał zarówno bottom, jak i top, który w większości przypadków nie jest wymagany i może zmieniać wysokość elementu lub nie uwzględniać jednego z przesunięć. W każdym razie dostaniesz coś, co nie jest zamierzone i złamiesz swój układ.

Dla tych, którzy chcą dowiedzieć się więcej na: http://www.w3.org/TR/CSS2/visuren.html#absolute-positioning

Answer 2

Jest to zresetować. Po tym wszystkim wszystkie elementy będą miały margines 0, wypełnienia itp.

Takie resetowania są użyteczne do normalizowania zachowania (niektóre przeglądarki mają wstępnie zdefiniowane marginesy, wypustki itp.) Oraz w celu zwiększenia spójności wizualnej w różnych przeglądarkach.

Answer 3

Celem fragmencie jest zresetowanie na marginesie, wyściółka i ustawić pozycję lewego górnego rogu rzutni w swojej przeglądarki internetowej.

Answer 4

Stosuje zasady zawarte w odniesieniu do wszystkich elementów strony; tworzenie przewidywalnej linii bazowej dla kaskadowania reguł.

Technika ta nazywa się "reset" (google dla "Resetowania CSS") i jest to podejście do rozwiązywania różnych przeglądarek przy użyciu różnych domyślnych reguł CSS.

Te zasady powinny być stosowane tak wcześnie, jak to możliwe, zazwyczaj na początku pierwszego załadowanego arkusza CSS.

Answer 5

Estryczny gwóźdź jest znany jako all/all, więc jego znaczenie jest takie, że CSS zostanie zaimplementowany na wszystkich elemetns i ustawi parametry jako parametry.