18.2 Übersicht der CSS-Klassen
In diesem Kapitel werden noch einmal alle standardmäßig verwendeten CSS-Klassen übersichtlich aufgelistet. Wenn Sie für Ihr Newsletter Design eigene Spezifikationen definieren möchten, ist es zu empfehlen, neue Bezeichnungen zu hinterlegen. Beispielsweise anstatt .inner besser .custom.inner.
body{
Margin: 0;
padding: 0;
min-width: 100%;
mso-line-height-rule:exactly;
}
.wrapper {
width: 100%;
table-layout: fixed;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
background-color: \${grid.backgroundColor};
}
.content {
Margin: 0 auto;
width: 100%;
max-width: \${gridWidth}px;
background-color: \${grid.stageColor};
}
.webkit {
width: 100%;
max-width: \${gridWidth}px;
}
/* Max Width Apple Hack */
@media only screen and (min-device-width: \${gridWidth + 1}px) {
.webkit {
width: \${gridWidth}px !important;
}
}
table {
border-spacing: 0;
font-family: sans-serif; /* Var Font-Family */
color: \${grid.textColor}; /* Var Text-Color */
}
td {
word-break: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
border-collapse: collapse !important;
}
img {
display: block;
border: 0;
width: 100%;
max-width: 100%;
height: auto;
}
/* Grid */
.grid-columns {
text-align: center;
font-size: 0px;
line-height: 0px;
}
.grid-columns .column {
width: 100%;
display: inline-block;
vertical-align: top;
}
.left .grid-columns {
text-align: left;
}
.right .grid-columns {
text-align: right;
}
.inner {
font-size: 12px;
line-height: 14px;
}
\<div class="column" style="width: 100.0%; display: inline-block; vertical-align: top; max-width: 660.0px;">
<table style="border-spacing: 0; font-family: sans-serif; color: #000000;" cellspacing="0" cellpadding="0" border="0">
\<div class="div-container" style="text-align: left; display: inline-block; background-color: #ffffff;">