Using CSS in WebAsyst Mail

WebAsyst Mail allows using CSS to format your email messages in two ways as described below:

Method 1 (recommended).

Using inline style for HTML tags. This method is recommended because using an external STYLE block (see method 2 below) is not safe – this block is quite often automatically cut out by email clients.

HTML source sample of using inline CSS styles:

<H1 style="font-weight:bold; font-size:12pt;">Dear Mr. Johnson,</H1>
<P style="font-size:10pt;">
  We are hereby informing you of the availability of a preliminary machinery list 
  for further discussion. Please use the link below to obtain the current version
  of the periodically updated list file. We are looking forward to mutually
  beneficial cooperation with you!
</P>
<P style="font-size:10pt;">
  <A href="http://domain.com/file.zip" style="font-weight:bold;">Download the 
machinery list</A>
</P>
<P style="font-size:10pt; font-style:italic; color:#006699;">
  --<BR>
  Warm regards,<BR>
  Nick Ashley<BR>
  JSC "World Constructions"<BR>
</P>

Method 2.

Using an external STYLE block. This block should be placed after the main message content otherwise it will be automatically removed when you save the message as a draft.

HTML source sample of using external STYLE block:

<H1>Dear Mr. Johnson,</H1>
<P>
  We are hereby informing you of the availability of a preliminary machinery list 
  for further discussion. Please use the link below to obtain the current version
  of the periodically updated list file. We are looking forward to mutually
  beneficial cooperation with you!
</P>
<P>
  <A href="http://domain.com/file.zip ">Download the machinery list</A>
</P>
<P class="senderinfo">
  --<BR>
  Warm regards,<BR>
  Nick Ashley<BR>
  JSC "World Constructions"<BR>
</P>

<STYLE>
  H1{font-weight:bold; font-size:12pt;}
  P{font-size:10pt;}
  A{font-weight:bold;}
  .senderinfo{font-style:italic; color:#006699;}
</STYLE>