文章のHTMLとCSS
文章 【j-text】
<div id="cc-m-12263147992" class="n j-text ">
■通常の文章
<p>文章</p>
■太字
<p><strong>文章</strong></p>
■斜体文字
<p><em>斜体文字</em></p>
※emタグは強調タグなので、斜体の指定としては、おかしい。。。
■番号つきリスト
<ol>
<li>
<span style="line-height: 19.6px;">番号つきリスト</span>
</li>
</ol>
番号なしリスト
<ul>
<li>
<span style="line-height: 19.6px;">番号なしリスト</span>
</li>
</ul>
■内部リンク
<p>
<a href="http://abeunsou.jimdo.com/" title="ホーム">リンク</a>
</p>
■外部リンク ※ターゲットブランクが追加される
<p>
<a href="URL" target="_blank" title="URL">外部リンク</a>
</p>
■メールアドレスリンク ※mailtoが追加される
<p>
<a href="mailto:info@example.com" title="e-mailAddress">メールアドレス</a>
</p>
■左寄せ
<p style="text-align: left;">左寄せ</p>
■中央寄せ
<p style="text-align: center;">中央</p>
■右寄せ
<p style="text-align: right;">右寄せ</p>
■両端揃え
<p style="text-align: justify;">両端</p>
※日本語フォントでは利用できないと考えたほうが無難。
■フォントサイズ指定
<p>
<span style="font-size: 14px;">フォントサイズ14px</span>
</p>
※レスポンシブを考えると、フォント指定は出来るだけ避けたほうが無難。
※使用するならHTMLの編集で『%』指定に書き換える方が良いと思われる。
■インデント
<p style="padding-left: 30px;">インデント</p>
※これはインデント機能ではない。正確には、左余白(内部)
■色指定
<p>
<span style="color: rgb(255, 0, 0);">色</span>
<span style="color:
#cc0000;">色</span>
</p>
※時に、RGB10進法指定だったりすることがあるのです。
※どのタイミングで切り替わるのかが不明。
</div>
この文字を透明化
html * div.n {
height: 1%;
}
div.j-text {
word-wrap: break-word;
}
div.n, div.flexmodul {
padding: 5px;
}
body, p, table, td {
color: #333333;
font: 14px/140% Helvetica,Arial,sans-serif;
}