Expressant TI

Ahir, després que el tema em vaig trobar amb la CSS Reinicia de Google Chrome ... Vaig pensar en cavar una mica més a l'àrea de fulls d'estil de l'agent ...
S'han trobat aquesta taula de valors per defecte dels fulls d'estil CSS 2.1 User Agent ... (Pels que desconeixen del que "Fulls d'estil en User Agent" és seguir Què és l'usuari les fulles d'estil d'Agent (especificació) .

Per obtenir una llista completa de CSS 2.1 User Agent Fulls d'estil per defecte , feu clic aquí

Ahir, com tots els altres "Dia de la Marmota", jo estava treballant en alguns dissenys de CSS / sense taules. Tot anava bé en IE 7, 3 FF i Chrome, fins a les de sobte, vaig veure uns marges de les Nacions Unides-ignorable vist només de Google Chrome. Encara que és molt estrany i preocupant, era un tema nou bug / que jo havia vingut creuant, no va ser finalment una mica de espècia en el meu treball mundà. És trist (però agradable) que ho van arreglar al cap de pocs minuts de la sonda ...

Bàsicament, semblava que Google Chrome va ignorar la meva Restableix CSS (margin: 0px). En realitat, va ser causat pel full d'estil d'usuari (-webkit-padding-inici: 40px). Així que la solució consistia a restablir aquest estil mitjançant l'establiment de padding: 0 els elements es porten malament.
Una bona manera d'evitar que aquest problema passi a qualsevol element és utilitzar un mundial resta CSS de la manera

* {Margin: 0; padding: 0;}

Què és l'usuari les fulles d'estil d'Agent (especificació)?
El següent fragment està pres de http://meiert.com/en/blog/20070922/user-agent-style-sheets/ enllaç, seguiment a llegir més informació sobre fulles d'estil de l'Agent

CSS 1 introdueix la idea a l'afirmar que cada agent d'usuari (UA, sovint un "navegador web" o "client web") tindrà un full d'estil per defecte que presenta els documents en un temps raonable - però sens dubte el mundà - forma. CSS 2 diu que els agents d'usuari conformes han de demanar un full d'estil per defecte (o comportar-se com si ho van fer) i que la fulla d'un agent d'usuari d'estil per defecte ha de presentar els elements del llenguatge del document de manera que satisfaci les expectatives generals de presentació del llenguatge del document; CSS 3 és probable que sigui de la mateixa opinió.

Atès que les especificacions de CSS deixar en mans de les implementacions de la possibilitat d'utilitzar una "veritable" full d'estils per a la visualització per defecte o no, no és sorprenent que vostè no troba un full d'estil per defecte en la carpeta d'instal · lació de cada navegador. A diferència d'Internet Explorer de Microsoft, així com l'Opera, per exemple (i fins on jo sé), els navegadors Gecko, com Firefox i Netscape Navigator (cerqueu "html.css"), sinó també del Konqueror fan bastant fàcil de comprendre el seu estil predeterminat.

Un reajustament CSS / CSS són per establir una sèrie d'estils dels elements d'una línia de base específica que crea consistència a través de diferents navegadors.

Tots hem estat a través dels malsons de l'escriptura de cross-browser CSS. Així que quan vam començar a escriure el codi CSS, és una pràctica per restablir en primer lloc, per eliminar / restaurar les incoherències en qualsevol navegador. Restableix CSS, són simples línies de CSS que vostè comença la seva CSS, donant-li una base neta per començar a construir el seu sobre.

Els reajustaments de CSS que normalment tendeixen a utilitzar aquest aspecte

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

ul ol {
list-style: none;
}

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

Restablir la grandària de font del navegador
També tingui en compte el reajustament que s'ha aplicat a la mida del navegador de font en la següent línia ...

html {font-size: 76%;}

L'anterior es restableix el codi CSS de la mida de la font del navegador de 10 píxels, i això fa que sigui possible treballar amb mides de font relatius (que és tot important des del compliment de perspectiva WAI)
Per exemple, en la següent definició, mida de font en un lapse és de 10 píxels, i que en el paragarph s'estableix en 14 píxels ...

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