Restablecer CSS para correo electrónico-Normalize. email. CSS

Vista prévia

Descripción

Normalize. email. CSS es un reinicio de CSS ligero y multiplataforma diseñado específicamente para correos electrónicos y boletines informativos para restablecer el estilo de los elementos HTML.

Funcionamiento

Coloque los siguientes archivos CSS entre estilo de < > Etiquetas en < cabeza > de su boletín de noticias en producción.

<link href="normalize.css" rel="stylesheet">
<link href="extra.css" rel="stylesheet">

Compatible con navegadores cruzados.

<!--[if (gte mso 9)|(IE)]>

<link href="outlook.css" rel="stylesheet">

/* Put outlook.css contents here */
<![endif]-->

Izquierda < título > elemento vacío para evitar ver este texto en la línea de asunto en Android 4 clientes de correo electrónico.

<title></title>

Un ejemplo de contenedor a prueba de balas con longitud de fila limitada:

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>



<!-- Add here this element -->



<!-- <th></th> -->



<!-- to align container to center -->



<th width="500" align="left">





<p>You are receiving this because a known security researcher submitted proof of finding credentials for your npm user account on the internet.</p>






<p>In order to prevent unauthorized access, we've changed the password to your account and invalidated all of your active npm tokens.</p>






<p>Please click on the following link, or paste this into your browser to reset your password:</p>






<ul>







<li><a href="https://www.npmjs.com/forgot">https://www.npmjs.com/forgot</a></li>





</ul>






<p>When you reset your password please do not set it back to the old value.</p>






<p>We have no reason to believe that your account was compromised, but cannot be certain of this. This reset is preemptive, to prevent future compromise.</p>






<p>If you have questions:</p>





<ol>







<li>You can reply to this message or email <a href="[email protected]">[email protected]</a>.</li>







<li>You can also read more about this undertaking in&nbsp;our&nbsp;<a href="http://blog.npmjs.org/post/161515829950/credentials-resets">blog&nbsp;post</a>.</li>





</ol>






<p>Npm loves you.</p>



</th>



<th></th>

</tr>
</table>