Изразяване на ИТ

Вчера, след издаване, се сблъсках с CSS Връща в Google Chrome ... Мислех, че на изкопни работи малко по-дълбоко в областта на Потребителски агент Стил листове ...
Открили тази таблица на стойности по подразбиране на CSS2.1 Потребителски листа брокер стил ... (за тези, които знаят какво е "Потребителски листове агент стил", е да следвате Какво е Потребителски листове агент стил (спецификация) .

За пълния списък на CSS 2.1 Потребителски агент Стил листове по подразбиране, натиснете тук

Вчера, като всеки друг "Приземен свиня Ден", е работил по някои CSS / tableless оформления. Всичко вървеше добре в IE 7, FF 3 и Chrome, докато изведнъж видях някои от ООН ignorable маржове, наблюдавани само в Google Chrome. Въпреки, че много странно worring, Това е някакъв нов бъг / проблем, че съм идват accross, имаше най-накрая някаква подправка в светски ми работа. Сад (но добре) го определя рамките на няколко минути на сондата ...

По принцип, тя изглеждаше като Google Chrome игнорира ми CSS-Нулира (марж: 0px). То всъщност е била причинена от стилове на потребителския агент (WebKit-подложка-старт: 40px). Така че решението е да възстановите този стил, чрез определяне на подложка: 0 непослушните елементи.
Един добър начин да се предотврати този проблем да се случва на всеки елемент е да използвате глобален почивка на CSS, както следва

* {Граница: 0; подложка: 0;}

Какво е Потребителски листове агент стил (спецификация)?
Следният откъс е взета от http://meiert.com/en/blog/20070922/user-agent-style-sheets/ , последваща връзка, за да прочетете повече на потребителските агент Стил листове

CSS 1 въвежда идеята, като посочва, че всяка User Agent (UA, често "уеб браузър" или "уеб клиент") ще има лист по подразбиране стил, който представя документи в разумен, но може би банално - начин. CSS 2 казва, че отговарят агенти потребителски трябва да се прилага един лист стил по подразбиране (или се държат така, сякаш те направи) и, че лист по подразбиране един потребител агент на стил трябва да представи елементите документ език по начини, които удовлетворяват общи очаквания за представяне на документ език; CSS 3 е вероятно да бъде от един и същи ум.

Тъй като CSS спецификации се остави на реализации, дали да се използват "истински" стил за основния дисплей или не, това не е учудващо, че не можете да откриете лист по подразбиране стил в инсталационната папка на всеки браузър. За разлика от Internet Explorer на Microsoft, както и Opera, например (и доколкото знам), Gecko браузъри като Firefox и Netscape Navigator (погледнете за "html.css"), но също така Konqueror, че е доста проста, за да разберем техния стил по подразбиране.

А Reset CSS / CSS за да зададете номер на елемента стилове специфична базова линия, която създава съгласуваността между различни браузъри.

Ние всички са били през кошмарите на писане крос-браузър CSS. Така че, когато започнете да пишете нашия CSS, това е практика, за да възстановите за първи път, за да премахнете / нулиране на напречното несъответствия на браузъра. CSS Възстановява, са просто няколко реда CSS, че да започнете CSS, който ви дава чиста основа, за да започне изграждането на вашия при.

CSS връща, че аз обикновено са склонни да използват изглежда така

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

ол, ул. {
Списъкът-стил: няма;
}

H1, H2, H3, H4, H5, H6 {
шрифт, размер: 100%;
шрифт тегло: нормални;
}

Променете размера на шрифта на браузъра
Също така имайте предвид, нулиране, която е приложена размера на шрифта на браузъра в следния ред ...

html {font-size: 76%;}

Над CSS рестартира браузъра размер на шрифта 10 пиксела, и това го прави възможно да се работи с относителен размер на шрифта (което е всеки важен за съответствие с изискванията на WAI prespective)
Защото например, следното определение, шрифт с размер една педя е настроен на 10 пиксела и че, в paragarph 14 пиксела ...

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