Včera, po vydaní som sa stretla s CSS reset vo prehliadača Google Chrome ... Myslel som kopať trochu hlbšie do oblasti užívateľských listov Agent štýl ...
Našiel túto tabuľku na predvolené hodnoty CSS2.1 užívateľa listy Agent štýl ... (pre tých, ktorí nevedia o čo "User Agent Style Sheets, je nasledovať Čo je Užívateľ listy Agent Style (špecifikácie) .
Pre úplný zoznam CSS 2.1 User Agent predvolené štýlov kliknite tu
Včera, ako každý iný "Deň pozemného Hog", som pracoval na niektorých CSS / beztabulkový rozvrhnutie. Všetko išlo dobre v IE 7, FF 3 a Chrome, až do roku náhle som videl, niektoré nie-ignorable rozpätie videnie iba v prehliadači Google Chrome. Hoci veľmi podivné a worring, to bola nejaká nová chyba / problém, ktorý som prišiel naproti cez, tam bol nakoniec niektoré korenia vo svojej svetskej prácu. Sad (ale pekný) sa dostal určujú počas niekoľkých minút sondy ...
V podstate to vyzeralo, že Google Chrome ignoroval moju CSS Obnoví ods margin: 0px). V skutočnosti to bolo spôsobené štýlom užívateľského agenta (-WebKit-padding-štart: 40px). Takže riešenie bolo obnoviť tento štýl nastavením padding: 0 nespráva prvky.
Dobrým spôsobom, ako predísť tomuto problému deje na akúkoľvek časť je použiť globálne CSS Rest takto
* {Margin: 0; padding: 0;}
Čo je to užívateľa listy Agent Style (špecifikácie)?
Nasledujúci úryvok je prevzatý z http://meiert.com/en/blog/20070922/user-agent-style-sheets/ ~ ~ HEAD = pobj a následných odkazu sa dozviete viac na užívateľa listy Agent štýlu
CSS 1 predstaví myšlienku tým, že každá User Agent (UA, často "webový prehliadač" alebo "webový klient"), bude mať predvolený štýly, ktoré predstavuje dokumenty v prijateľnej - ale pravdepodobne všedný - spôsob. CSS 2 hovorí, že vyhovujúce užívateľské jednotky sa musia použiť štandardné štýly (alebo sa správajú, ako keby tomu tak bolo), a že užívateľský agent defaultne štýlov by mala predložiť prvky dokumentu jazyk v cestách, ktoré spĺňajú všeobecné prezentácie očakávania jazyk dokumentu, CSS 3 je pravdepodobne rovnaké mysli.
Vzhľadom k tomu, CSS špecifikácia ponechať na implementáciu, či sa používajú "skutočný" štýlov pre predvolené zobrazenie, alebo nie, to nie je prekvapujúce, že sa vám nepodarilo nájsť predvolenú šablónu štýlov v každom prehliadači je inštalačný zložky. Na rozdiel od Internet Explorera spoločnosti Microsoft, rovnako ako opera, napríklad (a pokiaľ je mi známe), Gecko prehliadače ako Firefox a Netscape Navigator (pozrite sa na "html.css"), ale aj Konqueror, aby bolo pomerne jednoduché pochopiť ich predvolený štýl.
Obnoviť CSS je / sú CSS nastaviť rad prvkov štýlov na konkrétne predvolené, ktorý vytvára súlad v rôznych prehliadačoch.
Všetci sme boli cez nočné mory písanie cross-browser CSS je. Takže keď začneme písať naše CSS, je zvykom obnoviť najprv odstrániť / reset žiadne krížovej prehliadača nezrovnalosti. Obnoví CSS, sú jednoduché pár riadkov CSS, ktoré si začínajú svoje CSS s, čo vám čistý základ pre spustenie na budovanie svoje.
CSS resetuje, že som normálne inklinujú k použitiu vyzerá takto
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
html {font-size: 76%;}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}ol, ul {
list-style: none;
}h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normálne;
}
Obnoviť prehliadača veľkosť písma
Tiež si všimnite, reset, ktoré boli použité na veľkosť písma prehliadača v nasledujúcom riadku ...
html {font-size: 76%;}
Vyššie CSS obnoví prehliadača veľkosť písma na 10 bodov, a to umožňuje pracovať s relatívnou veľkosťou písma (čo je každý dôležitý z dodržiavania WAI prespective)
Pre napr v tejto definícii, je font-size v rozpätí stanovená na 10 pixelov a že v paragarph je nastavená na 14 bodov ...
span {font-size: 1em;}
p {font-size: 1.4em;}
