文章の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;

}

株式会社 PIK

〒108-0075 港区港南3-4-12

TEL.03-6433-0422