株式会社アイネックスはソフトウェアの開発、データ復旧サービス、ホームページの作成ツール企業です。

横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
    データ復旧サービス、ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

galleria

01-08) 1. 色(color)の指定

1.テキストを赤色(colorプロパティ)指定を記述する

cssの書き方 .colRed{
  color:#ff0000;
}
HTMLの使用例 <p class="colRed">[赤色 :標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[赤色 :標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


2.テキストを赤色(colorプロパティ)、
 強調(font-weight)、
 拡大(font-size:1.5)指定を記述する


cssの書き方 .colRedH3{
  color:#ff0000;
  font-size: 1.5em;  /* 拡大指定 */
  font-weight:bold; /* 太字    */
}
HTML使用例 <p class="colRedH3"><br />
[赤色 強調 :拡大1.5] イアウト テーブル描くときヘッダー グラィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[赤色 強調 :拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


3.テキストを青色(colorプロパティ)指定を記述する

cssの書き方 .colBlue{
  color:#3300ff;
}
HTMLの使用例 <p class="colBlue">[青色:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[青色:標準] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


4.テキストを青色(colorプロパティ)、
  強調(font-weight)、
  拡大( font-size:1.5)指定を記述する


cssの書き方 .colBlueH3{
  color:#3300ff;
  font-size: 1.5em; /* 拡大指定 */
  font-weight:bold; /* 太字    */
}
HTMLの使用例 <p class="colBlueH3">[青色 強調:拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[青色 強調:拡大1.5] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、 リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


5.テキストにピンク ライン色(background-image)指定を記述する

cssの書き方 .linePink{
  background-image:
        url (../images/park_blog_linePink.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  ont-weight: normal;
}
HTMLの使用例 <p class="fntSzMd"><span class="linePink">[ピンク ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、</span>
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[ピンク ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


6.テキストに青色 ライン色(background-image)指定を記述する

cssの書き方 .lineBlue{
  background-image:
         url(../images/park_blog_lineBlue.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-style: normal;
}
HTMLの使用例 <p class="fntSzMd"><span class="lineBlue">[青色 ライン色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、</span>
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで
取ることができます。<br/><br/>
</p>


[色 ライ色] レイアウト テーブルを描くとき、ヘッダー グラフィックスが入るセルをページの上の辺に沿って、
リンク バーが入るセルをページの左の辺に沿って、さらにWeb ページのメイン コンテンツが入るセルをページの右の辺いっぱいまで 取ることができます。


01-08) 2. 補足説明 floatしたボックスに余白を与える注意

 ・・ マージンの指定がIE6では2倍になる【バグ】 margin-left 50px;

 ・・ ハック対策 ie6確認

 ・・ ハック対策 ie7確認

見出し 1.3-1

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します


見出し 1.3-2
(調整あり)

1.3 IE6 では赤色指定追加

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します


見出し 1.3-3

1.3 IE7 では青色指定追加

1.3 ここにコンテンツを挿入します

1.3 ここにコンテンツを挿入します