desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web开发Web -的X HTML， C SS的， W eb标准，可用性，无障碍，网页设计，徐，博客和技术开发的W eb

Neste artigo, apresento uma proposta para um arquivo CSS mínimo, quer dizer, as declarações que, ao meu ver, são indispensáveis para uma folha de estilos.在这篇文章中，提出一项建议，订定最低的CSS文件，即是报表，在我看来，是必不可少的样式表。

O que me levou a escrever este artigo是什么促使我写此文章

Nos últimos dias, tive alguns problemas com arquivos CSS que tive que alterar - e que não fui eu, originalmente, quem os fiz.在最近几天，我有一些问题与CSS文件指出，不得不改变-那我不是我自己，本来，谁没有。 Cada desenvolvedor web tem seu estilo de codificação, isso é fato; outro fato é que fica complicado de prestar manutenção no trabalho alheio, caso os desenvolvedores não tenham acordado padrões de codificação entre si.每个开发人员，他们的作风， 网站编码，这是事实，另一个事实是，它成为难以提供维修工作外，如果开发商不同意的标准之一，另一个标记。 Foi o meu caso…这是我的情况…

Neste artigo, não tentarei apresentar modelos de codificação CSS, sugestões de como se deve posicionar as chaves, e como deve ser a identação dos textos.在这篇文章中，没有设法使模型的CSS编码的建议，如何定位的关键所在，以及如何应该是identação的案文。 Estou focando nas regras, propriamente ditas, e não em como cada um prefere organizar seu código.我着眼于规则，自己，而不是如何每一个喜欢组织您的代码。 Para tal, o Bruno Dulcetti já tratou muito bem , em seu blog .为此， 布鲁诺杜尔切蒂已经处理的非常好，您的博客。

Como não desejo que o mesmo aconteça com as outras pessoas, decidi apresentar como seria, na minha opinião e não muito extensos conhecimentos em CSS, algumas regras indispensáveis para qualquer folha de estilos.如何不希望同样的情况与其他人，决定把在为将在我看来，不是很丰富的知识的CSS ，一些规则所必需的任何样式表。

Para constar, gostaria de deixar registrado que uma das bases do que vou apresentar aqui foi tirada da compilação 70 Expert Ideas For Better CSS Coding , do Smashing Magazine - e traduzida pelo Maujor , em seu blog ; outra, vem do meu próprio conhecimento e experiência com CSS.出现，我想留下一个记录的基础，我会在这里采取了汇编70专家的意见更好的CSS编码， 粉碎 -杂志及翻译m aujor在您的博客;另一个是来自我自己的知识和经验利用CSS 。

Sem mais enrolações, vamos ao que interessa!没有更多的enrolações ，我们什么事！

“Zerar” os elementos “重置”的要素

Para começar, é mais do que importante zerar, no o seletor universal, margin e padding :首先， 这是更重要的比清楚，在普遍选择， 保证金和填充：

* { * （
margin:0;保证金： 0 ;
padding:0;填充： 0 ;
} ）


[update] [更新]
O Pedro Rogério falou sobre uma maneira melhor de zerar os elementos . 该佩德罗罗热里奥讲了更好的方式来重元素。 Maneira essa que coloco aqui, também. 的方式向在这里，太。
[/update] [ /更新]

 html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , font , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td { margin : 0; padding : 0; border : 0; outline : 0; vertical-align : baseline ; background : transparent ; } body { line-height : 1 ; } ol , ul { list-style : none ; } blockquote , q { quotes : none ; } :focus { outline : 0; } ins { text-decoration : none ; } del { text-decoration : line-through ; } table { border-collapse : collapse ; border-spacing : 0; } HTML格式，身体，学，大跨度，程序，对象， iframe中， H1和H2型的H3 ，蛋白H4 ，有H5 ， H6的，磷，引用，会前，一， abbr ，简称，地址，大，报价，代码键， Del ， DFN封装，在，字体 ， IMG的程式，大骨节病， q ，硫，样品，小，罢工，强烈的，分包，副刊，测控，无功，乙，美国，我中心， dl及DT公司，房屋署副署长，醇， UL认证，我看了， fieldset ，表格，标签，传说中，表，标题， tbody ， tfoot ， thead ，的TR ，钍，运输署（保证金： 0 ; 填充： 0 ; 边境： 0 ; 大纲： 0 ; 垂直对齐： 基线; 背景： 透明;机构（ ） 线的高度： 1 ; ）醇， UL认证（名单式： 无; ）引用， Q （下行情： 无; ） ： 重点 （大纲： 0 ; INS ）的（纯文字装修： 无;恢复（纯文字） -家居装饰：线 通过; ）表 （ 边境崩溃：崩 溃;边 境间距： 0 ; ） 

Podem ter certeza de que somente isso evitará, pelo menos, uma dezena de problemas com posicionamento - Eric Meyer , Christian Montoya e Roger Johansson , por exemplo, recomendam tal prática.他们只可以确保避免至少十几名的问题与定位-李家祥迈耶，基 督教蒙托亚和 R oger约翰松，举例来说，建议采用这种做法。

Um font-size “especial” para html 字体大小的 “特殊”为HTML

O próximo - e, aparentemente, excêntrico - passo é colocar um valor “especial” para font-size , na estilização do html :未来-显然偏心-步骤，是把价值的“特殊”的字体大小，造型的H T ML：

 html { font-size : 100.01 % ; } HTML （以字体大小： 100.01 ％ ; ） 

Essa veio, também, das 70 dicas , ea explicação é a seguinte:它一来，也很浓厚，从70小费，以及解释是如下：

Este estranho valor de 100.01% para o tamanho de fonte, corrige uma série de bugs em diversos navegadores.这种奇怪的价值100.01 ％ ，字体大小，纠正了一些错误的，在各种浏览器。 Primeiro, definir um tamanho de fonte no elemento body em percentagem (no lugar de EM) previne um problema no IE/Win que tende a aumentar ou diminuir desproporcionalmente o tamanho de fontes para textos contidos dentro de elementos onde for definido tamanho de fonte em EM.首先，定义一个大小的来源元素身体的某个百分比（而不是MS ）的防止问题在IE /获胜往往不成比例地增加或减少的大小来源文本中包含的元素如大小设置为源在MS 。 E mais, algumas versões do Opera renderizam tamanhos default de 100% para fontes muito menores, comparadas com outros navegadores.何况，某些版本的歌剧 renderizam 默认大小从100 ％ ，消息人士透露小得多相比，与其他浏览器。 Safari, por sua vez não se comporta bem com font-size igual a 101%. Safari浏览器，从而不表现，以及与字体大小等于101 ％ 。

Retirar a borda feia das imagens que são link删除的边缘，丑陋的形象，是连结

Quando se coloca uma imagem para servir de link , uma borda aparece para indicar isso.当您的形象，以服务为纽带，边境似乎表明。 Entretanto, ela é muito feia e, na maioria das vezes, “quebra” toda a harmonia do design web que está sendo utilizado.不过，这是非常丑陋，在大多数情况下， “打破”整个路线的网页设计被使用。 Para resolver isso, basta zerar o border do elemento img :为了解决这个问题，简单地重置边界元素的国际管理集团：

 img { border : 0; } （国际管理集团的边界： 0 ; ） 

O tal “CSS mínimo”在这样的“最低限度的CSS ”

Então, o arquivo final - ou seria “inicial”?然后，该文件的结束-或将“原件” ？ :-) - ficaria da seguinte maneira: :-) -将作如下安排：

* { * （
margin:0;保证金： 0 ;
padding:0;填充： 0 ;
} ）

 html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , font , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td { margin : 0; padding : 0; border : 0; outline : 0; vertical-align : baseline ; background : transparent ; } body { line-height : 1 ; } ol , ul { list-style : none ; } blockquote , q { quotes : none ; } :focus { outline : 0; } ins { text-decoration : none ; } del { text-decoration : line-through ; } table { border-collapse : collapse ; border-spacing : 0; } html { font-size : 100.01 % ; } img { border : 0; } HTML格式，身体，学，大跨度，程序，对象， iframe中， H1和H2型的H3 ，蛋白H4 ，有H5 ， H6的，磷，引用，会前，一， abbr ，简称，地址，大，报价，代码键， Del ， DFN封装，在，字体 ， IMG的程式，大骨节病， q ，硫，样品，小，罢工，强烈的，分包，副刊，测控，无功，乙，美国，我中心， dl及DT公司，房屋署副署长，醇， UL认证，我看了， fieldset ，表格，标签，传说中，表，标题， tbody ， tfoot ， thead ，的TR ，钍，运输署（保证金： 0 ; 填充： 0 ; 边境： 0 ; 大纲： 0 ; 垂直对齐： 基线; 背景： 透明;机构（ ） 线的高度： 1 ; ）醇， UL认证（名单式： 无; ）引用， Q （下行情： 无; ） ： 重点 （大纲： 0 ; INS ）的（纯文字装修： 无;恢复（纯文字） -家居装饰：线 通过; ）表 （ 边境崩溃：崩 溃;边 境间距： 0 ;的H TML） （ 字型大小： 1 00.01％ ; ） （国际管理集团的边界： 0 ; ） 

Por fim…最后…

Essas dicas que eu coloquei são meras “medidas de segurança”, a fim de se evitar problemas com estilizações.这些提示，我提出的仅仅是“保安措施” ，以避免问题与estilizações 。 Certamente outras mais existem, porque, a cada dia, uma nova técnica e/ou maneira de se codificar aparece - e/ou a própria tecnologia é aperfeiçoada.当然，还有其他更多，因为每一天，一个新的技术和/或如何标记出现-和/或技术本身的改善。 Quem conhecer mais dicas, macetes e artimanhas para um CSS mínimo, por favor, coloque um comentário aqui ou me envie um email para eu possa atualizar o artigo.谁知道更多的小费，以及macetes的伎俩，为最低的CSS ，请，提出了在这里评论或发送电子邮件给我，我可以更新的文章。

Ah!啊！ E confiram as 70 dicas de CSS , porque realmente são muito boas !并给予70提示的CSS ，因为他们真的是非常好！