[css]邮件的写法

<style type="text/css">
       
/* Client-specific Styles */
       
#outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button.
*/
        body{width:100% !important;}
.ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to
display emails at full width */
       
body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing
default text sizes. */

        /*
Reset Styles */
        body{margin:0;
padding:0; background: #f6f6f6;}
       
img{border:0; height:auto; line-height:100%; outline:none;
text-decoration:none;}
        table
td{border-collapse:collapse; font-size:
14px;}
        p { line-height:
1.5;}
        a { text-decoration: none;
color: #53b53e;}
       
#backgroundTable{height:100% !important; margin:0; padding:0 40px; width:100%
!important; background: #fcfcfc;}
      
 
        .btn:hover
{
           
background: #66cf50 !important;
       
}
    </style>

邮件通常采用table布局 内联样式来处理 不支持任何形式的脚本(除非邮件客户端有接口放开)

因为邮件客户端会对内容进行过滤,body上的颜色通常是由邮件客户端决定的,通常都是白色

[css]邮件的写法,布布扣,bubuko.com

时间: 2024-08-05 14:12:02

[css]邮件的写法的相关文章

CSS浏览器兼容性写法小结

CSS浏览器兼容性写法小结 *        , ie6,ie7可以识别: _和- ,  ie6可以识别: !important  ,表示高优先级,ie7及以上,firefox都支持,ie6认识带!important的样式属性,但不认识!important的优先级: -webkit- ,针对safari,chrome浏览器的内核CSS写法 -moz-,针对firefox浏览器的内核CSS写法 -ms-,针对ie内核的CSS写法 -o-,针对Opera内核的CSS写法

CSS Sprites(基本写法,如何使用)

说白就是用样式表切一个大图片 现在很多好的网站都是这么写,然后很多位置的图片,就用一张图片,然后一次URL请求就行了,加快网站访问速度 这个就是切片工具可以直接导出下图框框中的内容 这个是切片工具 全部拆分切开 用CSS精灵的方式合并到一起就ok了 这里就是CSS精灵的写法 全用的一张图片 默认是 图片的位置是你div的左上角开始,我们用background-position,给他向左,向上移动一下 ,显示效果就变了,将会显示不同位置的图片,有些地方需要做平铺,所以我是横着切图的,最终文件就是那

CSS hack的写法

css hack简单的说就是由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果.我们就可以根据这个来针对不同的浏览器来写不同的CSS. 比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不

Less里css表达式的写法

项目中用的grunt-contrib-less, 写了以下less代码 .mapfix{ position: fixed; top:10px; width: 430px; z-index: 100; background: #fff; -position:absolute; top:expression(eval(document.documentElement.scrollTop)); } 注意底部两行是为了兼容IE6,即修复IE6的fixed.IE7+已经支持了. 执行less命令后,报错

HTML引入CSS样式三种方法及优先级 CSS样式的写法

HTML引入CSS样式三种方法及优先级: 方法 css的样式引用由3种方式.分别为行内样式.内部样式(嵌入式)和外部样式: 行内样式:                  在对象的标记内使用对象的style属性定义适用的样式表属性,格式定义为 :<div style="内容"><div>: 内部样式(嵌入式):是由<style></style>标记对放在<head></head>中: 外部样式 :          

常用css字体英文写法

font-family: 'Microsoft Yahei',sans-serif; 宋体:SimSun 黑体:SimHei 常用css字体英文写法

Less 关于css hack的写法

由于工作需要,最近一直在弄css转写less,遇到最多的问题就是 hack的写法,一些IE的hack,less不支持编译: 常见的不支持的hack如下: IE的滤镜写法 \9\0    IE8部分支持.IE9支持 \9 所有IE浏览器都支持 \0 IE8.IE9支持,opera部分支持 后三种情况 常出现 单一存在是不影响编译:但是混合使用时常常发生编译错误 解决办法如下: 以shadow滤镜为例 filter: ~" progid: DXImageTransform . Microsoft .

css学习_写法规范、选择器

1.css(层叠样式表)样式主要目的(让页面更好看些) css尽量不要写内联样式,保证结构和样式分离原则: html专门负责结构,css专门负责样式. 2.css写法规范 选择器  { 属性 :值 : } 内联样式  写在标签里   style=“”属性:值“” 内部样式  写在head标签里的style标签里 外部样式   通过链接导入样式表  link 3.font-size(字号大小) 4.浏览器默认字体font-family 微软雅黑 ,字体大小一般默认为16px 一般不想写中文是可以用

简单的html兼容(参考js和css的常规写法)

参考往常css/js的浏览器选择加载 <!--[if lte IE 8]> <link rel="stylesheet" href="IEBrower.css"> <![endif]--> <!--[if gt IE 8]><!--> <link rel="stylesheet" href="otherBrower.css"> <!--<![e