css&html学习

1. 邮件中的html页面

页面编写技巧:

hotmail和gmail 邮件中背景图片无效不显示的解决办法

编写不被各大主流邮箱过滤的能正常显示的HTML邮件的技巧

2. 内层元素没有将外层DIV撑开的接解决方案

4. [tip]在ie浏览器中,当图片等元素被a包裹时,会出现蓝色的边框。通过给内层元素(而不是a元素)添加
border:none的样式,便可去除该边框。

5. [tip] 在ie6中,无法通过margin:0 auto;使得元素居中。解决方法:
(1)在body中加入样式text-align:center;
(2)在html文档的最开头加入Doctype的声明:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0Transitional//EN””http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

6. [tip] table中td自动等分,不会被内容撑坏平衡。添加css样式:table-layout: fixed;

7. 两列布局 | 两列/三列布局

8. [下载]屏幕色彩捕获器

9. 360网站卫士常用前端公共库CDN服务。 用来替代Google公共库 , http://libs.useso.com/ 。

10. 20款漂亮的css字体,  中文字体的英文名称

11. 去掉chrome调试窗口中的标尺

12. background图片, 拉伸铺满整个div

#one_div {
    background: #8F391D  url(../images/zp1.jpg) top center no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

13. 颜色定色工具

14. css圆角

{
    -moz-border-radius: 15px;      /* Gecko browsers */
    -webkit-border-radius: 15px;   /* Webkit browsers */
    border-radius:15px;            /* W3C syntax */
}

15. css渐变

{
    height: 200px;
    background: -webkit-linear-gradient(#B9E9f4, #7faffD); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#B9E9f4, #7faffD); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#B9E9f4, #7faffD); /* Firefox 3.6 - 15 */
    background: linear-gradient(#B9E9f4, #7faffD); /* 标准的语法(必须放在最后) */
}