Wczoraj, jak każdy inny "Dzień Hog Ground", pracowałem w niektórych CSS / tableless układów. Wszystko szło dobrze w IE 7, FF 3 i Chrome, bez tytułu nagle, widziałem kilka nie-ignorable marże widziałem tylko w Google Chrome. Choć bardzo dziwne i worring, to był jakiś nowy błąd / problem, że przyjechałem accross, nie było w końcu trochę przypraw w moim doczesnym pracy. Sad (ale ładne) zrobiło ustalony w ciągu kilku minut od sondy ...
Zasadniczo, to wyglądało jak Google Chrome zignorowała moje CSS Przywraca (margines: 0px). To rzeczywiście został spowodowany przez stylów agenta użytkownika (-webkit-padding-start: 40px). Rozwiązaniem było zresetować ten styl poprzez ustawienie padding: 0 elementy niewłaściwie.
Dobrym sposobem na uniknięcie tego problemu dzieje się z każdym elementem jest wykorzystanie globalnej Rest CSS następująco
* {Margin: 0; padding: 0;}
Co to jest Arkusze agenta użytkownika stylu (specyfikacja)?
Poniższy fragment pochodzi z http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , link wykonać, aby przeczytać więcej na kartach agenta użytkownika stylu
CSS 1 wprowadza pojęcie, stwierdzając, że każdy User Agent (UA, często "przeglądarka internetowa" lub "klient webowy") będzie miał domyślny arkusz stylów, który przedstawia dokumenty wymagane - ale zapewne przyziemne - sposób. CSS 2 mówi, że zgodne klienckie muszą stosować domyślny arkusz stylów (lub zachowywać się tak, gdyby tak było) i agenta użytkownika na domyślny arkusz stylów powinien przedstawić elementy języka dokumentu w taki sposób, że spełniają ogólne oczekiwania prezentacji w języku dokumentu; CSS 3 może być tego samego umysłu.
Ponieważ specyfikacje CSS pozostawić go do implementacji, czy użyć "prawdziwej" arkusz stylów do wyświetlania domyślnego, czy nie, to nie jest zadziwiające, że nie można znaleźć domyślne arkusze stylów, w każdej przeglądarce w folderze instalacyjnym. W przeciwieństwie do Microsoft Internet Explorer oraz Opera, na przykład (i o ile wiem), przeglądarki Gecko, takich jak Firefox i Netscape Navigator (szukać "html.css"), ale także Konquerora sprawiają, że dość proste do zrozumienia ich styl domyślny.
