Včeraj, po izdaji sem naletel s ponastavi CSS v brskalniku Google Chrome ... sem mislil kopati malo globlje v območju User Agent Style Sheets ...
Našel to tabelo na privzete vrednosti CSS2.1 User Agent Style Sheets ... (za tiste, ki ne zaveda, kaj "User Agent" Style Sheets je slediti Kaj je Style Sheets uporabnika Agent (specifikacija) .
Za celoten seznam CSS 2.1 User Agent Style Sheets nastavitve kliknite tukaj
Včeraj, tako kot vsak drug "Ground Hog Day", sem delal na nekaterih postavitvah CSS / tableless. Vse je bilo dobro gredo v IE 7, FF 3 in Chrome, do leta naenkrat, sem videl nekaj un-ignorable marže viden le v brskalniku Google Chrome. Čeprav je zelo nenavadno in worring, je bilo nekaj novega napako / problem, da sem prišel naletela, je bilo končno nekaj začimb v moji mukotrpnega dela. Sad (vendar lepo), dobil je določena v nekaj minutah po sondi ...
V bistvu, je videti, kot Google Chrome ne upošteva moje Resetira CSS (margin: 0px). To je bila dejansko posledica slogovne uporabniškega agenta (-WebKit-padding-start: 40px). Tako rešitev je, da ponastavite ta slog z določanjem padding: 0 povzročal težave elemente.
Dober način za preprečevanje tega problema ne bi zgodilo, da je vsak element uporabljati globalno dlani CSS takole
* {Margin: 0; padding: 0;}
Kaj je User Agent Style Sheets (specifikacija)?
Naslednji odlomek je vzet iz http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , sledite povezavo in preberite več o uporabniških Style Sheets Agent
CSS 1 uvaja idejo, z navedbo, da bo vsak Uporabniški vmesnik (UA, pogosto "Spletni brskalnik" ali "spletni stranka"), imajo list privzeti slog, ki predstavlja dokumente v razumno - pa verjetno vsakdanjega - način. CSS 2 pravi, da ustrezajo agentom za uporabo mora uporabiti list privzeti slog (ali se obnašajo kot da so to storili) in da bi uporabniškega agenta privzeti slog stanja predstaviti elemente iz dokumenta o jeziku na način, ki izpolnjujejo splošne pričakovanja za predstavitev dokumentov jeziku; CSS 3 je verjetno, da bo istega uma.
Ker CSS specifikacije pustite do izvedbe, ali želite uporabljati "prave" slog stanja za prikaz privzeto ali ne, to ni presenetljivo, da ne boste našli list privzeti slog v namestitev vsakega brskalnika mapo. Za razliko od Internet Explorerja, Microsoft, kot tudi opere, na primer (in kolikor vem), Gecko brskalniki, kot so Firefox in Netscape Navigator (poglej za "html.css"), ampak tudi Konqueror bi bilo bolj enostavno, da bi razumeli njihov privzeti stil.
Reset CSS je / so CSS, da se določi število elementov stilov na določeno izhodišče, ki ustvarja doslednost v različnih brskalnikih.
Vsi smo bili skozi nočne more pisanja navzkrižno brskalnik CSS-jev. Torej, ko smo začeli pisati svoj CSS, je praksa, da ponastavite najprej odstraniti / reset navzkrižno nedoslednosti brskalnika. Ponastavi CSS, so preproste nekaj vrstic CSS, da začnete s CSS, ki vam čisto osnovo za začetek gradnjo vaše podlagi.
Resetira CSS, da sem ponavadi nagnjeni k uporabi izgleda takole
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
Seznam-style: none;
}H1, H2, H3, H4, H5, H6 {
font-size: 100%;
font-weight: normalno;
}
Ponastavi velikost pisave brskalnika
Upoštevajte tudi, ponastavitev, ki je bil uporabljen brskalnik velikosti pisave v naslednji vrstici ...
html {font-size: 76%;}
Zgoraj ponastavi CSS brskalnik velikost črk na 10 pik, kar omogoča delo z sorazmerne velikosti pisave (ki je vsako pomembno z vidika skladnosti WAI vlačilce)
Za primer, v naslednji definiciji je font-size v razponu nastavljena na 10 pik in da v paragarph je nastavljena na 14 pik ...
span {font-size: 1em;}
p {font-size: 1.4em;}
