Izsakot IT

Vakar, pēc jautājuma man radās ar CSS nodzēš ar Google Chrome ... es domāju rakt mazliet dziļāk jomā lietotāja Pārstāvis Style Sheets ...
Atklāju šo tabulu noklusējuma vērtībām CSS2.1 Lietotāja Pārstāvis Style Sheets ... (par tiem nezina, ko "lietotāja aģents Style Sheets" ir sekot Kas ir lietotāja aģents Style Sheets (specifikācija) .

Par pilnu sarakstu 2.1 CSS Lietotāju Pārstāvis Style Sheets nepildīšanas noklikšķiniet šeit

Vakar, tāpat kā visi citi "Ground gatavo masu pilda cūkas diena", es strādāju par dažiem CSS / tableless izkārtojumiem. Viss gāja labi 7 IE, FF 3 un Chrome, untill pēkšņi, es redzēju dažas ANO ignorable starpības redzams tikai Google Chrome. Lai gan ļoti dīvaini un worring, tas bija kāds jauns kļūdu / jautājums, kas man bija ieradušies no visas bija beidzot daži manā ikdienišķa darba garšvielu. Skumji (bet jauki) tas apstājās pie dažu minūšu zondes ...

Būtībā, tas izskatījās, piemēram, Google Chrome ignorēja manu CSS nodzēš panta norma: 0px). Tas faktiski izraisīja lietotāja aģents stylesheet (-WebKit-padding-start: 40px). Tātad risinājums bija nomainīt šo stilu, nosakot padding: 0 Par misbehaving elementus.
Labs veids, kā novērst šo problēmu no notiek ar jebkuru elementu, ir izmantot visaptverošu CSS Atpūta šādi

* {Margin: 0; padding: 0;}

Kas ir lietotāja aģents Style Sheets (specifikācija)?
Šādu izvilkums ir ņemts no http://meiert.com/en/blog/20070922/user-agent-style-sheets/~~HEAD=pobj un turpmākiem saites, lai uzzinātu vairāk par lietotāju Pārstāvis Style Sheets

1 CSS ievieš ideju, norādot, ka katrs User Agent (UA, bieži "interneta pārlūku" vai "tīmekļa klients"), būs noklusējuma stila lapas, kas sniedz dokumentus saprātīgs - bet varbūt ikdienišķa - veidā. 2 CSS saka, ka atbilst lietotāju aģenti jāpiemēro noklusēto stilu lapu (vai uzvesties tā, it kā tie bija), un ka lietošanas aģenta noklusējuma stila lapām būtu jāiesniedz elementi dokumenta valodu tādā veidā, kas apmierina vispārīgos prezentācijas cerības par dokumenta valodu, CSS 3 varētu būt tā paša prāta.

Tā kā CSS specifikācijas atstātu implementācijas vai izmantot "īstu" stilu noklusējuma displeja lapa vai nē, tas nav pārsteidzoši, ka jūs neatrodat noklusējuma stila lapas katra pārlūkprogrammas instalācijas mapē. Atšķirībā Microsoft Internet Explorer, kā arī operu, piemēram (un cik es zinu), Gecko pārlūkiem kā Firefox un Netscape Navigator (meklēt "html.css"), bet arī Konqueror padara diezgan viegli saprast savu noklusēto stilu.

CSS Reset tiek / ir CSS noteikt virkni elementu stilu ar konkrētu izejas, kas rada konsekvenci dažādos pārlūkos.

Mēs visi esam bijuši cauri rakstot pārrobežu pārlūku CSS 's murgi. Tātad, ja mēs sāktu rakstīt savu CSS, ir prakse, lai atjaunotu tā 1. noņemt / nomainīt jebkura šķērsgriezuma pārlūka nekonsekvences. CSS Atiestata, ir vienkārši dažas rindiņas CSS, ka jūs sākat savu CSS ar, sniedzot jums tīru bāzi sākt veidot savu uz.

CSS Atiestata ka es parasti mēdz izmantot izskatās šādi

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;
}

ola, ul {
saraksts-style: none;
}

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}

Atiestatīt pārlūkprogrammu fonta lielumu
Arī atzīmē, reset, kas ir bijusi piemērojama pārlūka fonta lielumu nākamajā rindā ...

html {font-size: 76%;}

Iepriekš CSS Atiestata pārlūkprogramma fonta izmērs 10 pikseļi, un tas ļauj strādāt ar relatīvo fonta izmēru, kura no katra svarīga no WAI atbilstības prespective)
Par piemēram, šādā definīcijā, font-size kādā posmā ir iestatīts uz 10 pikseļiem, un ka paragarph ir iestatīts uz 14 pikseļiem ...

span {font-size: 1em;}
p {font-size: 1.4em;}