Vakar, po klausimu aš susidūrė su CSS "Google Chrome" iš naujo ... Aš maniau, kasti truputį giliau į User Agent Style Sheets srityje ...
Rasta šią lentelę CSS2.1 User Agent Style Sheets ... (tie, kurie nežino, kas yra "User Agent Style Sheets", vykdykite Kas User Agent Style Sheets (specifikaciją) numatytąsias vertes .
Išsamų visų CSS 2.1 User Agent stilius numatytuosius spauskite čia
Vakar, kaip ir kiekvienas kitas "Ground Hog diena", aš dirbau dėl kai kurių CSS / Tableless maketus. Viskas buvo gerai IE 7, FF 3 ir Chrome, kol staiga aš pamačiau, kai JT ignorable maržas, kurios matomos tik Google Chrome ". Nors labai keista worring, Jis buvo kažkoks naujas klaidą / klausimas, kad aš ateiti šakų visame, pagaliau kai mano kasdienė darbo prieskonis. Liūdna (bet gražus), kad ji gavo nustatyta per keletą minučių zondo ...
Iš esmės, ji atrodė kaip "Google Chrome" ignoravo mano CSS naujo (marža: 0px). Jis tikrai sukėlė vartotojo agentas stilių, WebKit-padding-pradžia: 40px). Taigi sprendimas buvo iš naujo šį stilių nustatant padding: 0 netinkamas elgesys elementai.
Geras būdas išvengti šios problemos vyksta bet kurio elemento naudoti pasaulio CSS Rest, taip
* {Margin: 0; padding: 0;}
Kas yra User Agent Style Sheets (specifikaciją)?
Ši ištrauka yra paimta iš http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj , sekite nuorodą skaityti daugiau User Agent Style Sheets
1 CSS pristato idėją, teigdamas, kad kiekviena User Agent (UA, dažnai "interneto naršyklė" arba "interneto klientas"), turės numatytąjį stiliaus lapą, pateikiantis dokumentus protingas - bet tikriausiai kasdieniškas - būdas. CSS 2 sako, kad, atitinkančios naudotojo agentai turi taikyti tam numatytojo stiliaus lapą (arba elgiasi taip, tarsi jie padarė) ir kad dėl vartotojo agento "numatytasis stilius lapas turėtų pateikti dėl dokumento kalbos elementus taip, kad atitinka bendruosius pristatymo lūkesčius dokumento kalbą; CSS 3 - gali būti tos pačios nuomonės.
Kadangi CSS specifikacijos palikti diegimas, ar naudoti "Real" stiliaus lapą už numatytąjį ekrane ar ne, tai nenuostabu, kad jūs neturite rasti numatytojo stiliaus lapą kiekvieno naršyklės diegimo aplanke. Skirtingai nei Microsoft Internet Explorer ir Opera, pavyzdžiui (ir kiek aš žinau), Gecko naršyklės kaip Firefox ir Netscape Navigator (ieškoti "html.css"), bet ir Konqueror, kad tai gana paprasta suvokti savo numatytąjį stilių.
CSS Atstatyti yra / CSS elementų stilių pradinio lygio, kad sukuria nuoseklumą įvairiose naršyklėse.
Mes visi buvo per rašymo Cross-naršyklė CSS košmarų. Taigi, kai mes pradėti rašyti savo CSS, Tai praktika naujo pirmas pašalinti / atkurti jokių kryžminių naršyklės neatitikimų. CSS Atstato, paprasti keletas eilučių iš CSS, kad jūs pradėsite savo CSS, suteikiant Jums švarią bazę, pradėti kurti savo nuo.
CSS naujo, kad aš paprastai linkę naudoti atrodo taip
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;
}olis, ul {
list-style: none;
}H1, H2, H3, H4, h5, h6 {
font-size: 100%;
font-weight: normalus;
}
Atstatyti naršyklės šrifto dydį
Taip pat atkreipkite dėmesį, kad buvo taikytos naršyklės šriftą žemiau pateiktoje eilutėje iš naujo ...
html {font-size: 76%;}
Aukščiau CSS naujo naršyklės šrifto dydį iki 10 taškų, o tai leidžia dirbti su santykinis šrifto dydžio, kuris yra kiekvienas iš WAI laikymosi svarbu prespective)
, Pavyzdžiui, į šį apibrėžimą, į tarpą font-size 10 taškų ir į paragarph 14 taškų ...
span {font-size: 1em;}
p {font-size: 1.4em;}
