随笔分类 -  HTML5

摘要：1,图片样式与背景图片颜色使用 模板尽量不要使用背景图片。背景图片在某些邮件客户端或或web界面中默认不显示。模板中每张图的地址都一定要用绝对地址，否则会不显示；每张图都要指定alt属性，可以在图片被拦截的时候显示图片的内容；每张图都要指定width宽度、height高度，在图片被拦截的时候，不会因图片大小无法读取而被打乱布局。body中不要设定背景色，不然在转发邮件的时候，转发人写的信息背景色都会变为被转发邮件的背景色，影响浏览。如果一定要给邮件模板设定整体背景色，请在模板文件最外面加一个table，设定此table的背景色。 在切割模板的时候，要注意限制图片的大小和数量，不要为了效果使.. 阅读全文

摘要：以下是我整理出的页面公用样式部分，在页面中调用这些代码，将为你减少很多麻烦。body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;border:none;}body{font-size:12px;font-family:simsun,arial,helvetica,clean,sans-serif;background:#fff;color:#2b2b2b;}address,caption,cite,code,dfn,em,strong 阅读全文

摘要：div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width5.FF: 阅读全文

摘要：起源：.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.clearfix { display: inline-table; }/* Hides from IE-mac \*/* html .clearfix { height: 1%; }.clearfix { display: block; }/* End hide from IE-mac */说明：*对大多数符合标准的浏览器应用第一个声明块，目的是创建一个隐形的内容为空的 阅读全文