User Agent Style Sheets: Mystery marginaalit Google Chrome
Eilen, kuten kaikki muutkin "Ground Hog Day", olin työskennellyt joitakin CSS / tableless kaavoista. Kaikki oli menossa hyvin IE 7, FF 3 ja Chrome, untill yhtäkkiä, olen nähnyt joitakin YK-ignorable marginaalit nähnyt vain Google Chrome. Vaikka hyvin outoa ja worring, oli joitakin uusia bug / issue että olin törmännyt, oli lopulta noin mauste minun arkipäiväisiin työhön. Sad (mutta kiva) se sai vakiintui muutaman minuutin anturi ...
Periaatteessa se näytti Google Chrome ohitetaan CSS Nollaa (margin: 0px). Se itse asiassa johtui käyttäjä agentti tyylisivu (-webkit-pehmuste-alku: 40px). Eli ratkaisu oli palauttaa tähän tyyliin asettamalla padding: 0 huonosti elementtejä.
Hyvä tapa estää tämän ongelman tapahtuu mitä tahansa elementtiä on käytettävä globaali CSS Rest seuraavasti
* {Margin: 0; padding: 0;}
Mitä User Agent Style Sheets (Specification)?
Seuraava ote on otettu http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , seuraa linkkiä lukea lisää User Agent Style Sheets
CSS 1 lisätään ajatuksen toteamalla, että jokainen User Agent (UA, usein "selaimella" tai "web client) on oletuksena tyylisivu esittää asiakirjat kohtuullisessa - mutta luultavasti arkipäiväisiin - tavalla. CSS 2 sanoo, että mukaiset selaimet on haettava default style sheet (tai käyttäytyvät ikään kuin he) ja user agent oletuksena tyylitiedosto pitäisi esittää elementtejä asiakirjan kieltä tavalla, joka tyydyttää yleistä esittämistapaa odotuksia asiakirjan kieli, CSS 3 on todennäköisesti sama mielessä.
Koska CSS vaatimukset jättävät toteutuksia, käytetäänkö "oikea" tyylisivu oletustilaan tai ei, se ei ole hämmästyttävää, että et löydä default style sheet jokaisen selaimen asennus kansioon. Toisin kuin Microsoftin Internet Explorer ja Opera, esimerkiksi (ja sikäli kuin tiedän), Gecko selaimissa, kuten Firefox ja Netscape Navigator (etsi "html.css") mutta myös Konqueror tekevät melko helppo ymmärtää niiden default tyyli.
