検索
Home
初心者向け講座
CSSを使ってみよう
スタイル関連のHTML
メインメニュー
Home
ホームページ構築
ショッピングサイト構築
初心者向け講座
ステップアップ
CSSを使ってみよう
CSSの種類と使用例
各種CMS関連
青森NET活用
Webリンク
講座内容一覧
初心者向け講座
文字を変えたい
文章を作る
色を変える
ステップアップ
画像を表示させる
リンクを繋げたい
文章作りにちょっと凝ってみる
CSSを使ってみよう
スタイルシートとは
CSSの記述方法
スタイル関連のHTML
CSS上でのサイズ指定
CSSの種類と使用例
CSSで文字に変化を
CSSで装飾
CSSで配置指定
CSSでリンクのデザイン
各種CMS関連
EC-CUBEでのリンク指定と画像表示
Joomla!のテンプレートカスタマイズ
ITサポートエリア
■
(株)ワールドコミュニケーションズ
■
(株)ページワン
■
(株)バランテック
■
(株)コンシス
■
アイピーコンフィグ(株)
■
マルマンコンピューターサービス(株)
■
(株)サン・コンピュータ
■
アイワソリューション(株)
■
(株)Jサポート
■
ディーシーティーデザイン
スタイル関連のHTML
スタイル適用の際に使用するHTMLタグ
段落や画像をグループとしてひとまとめにしたり、単語など特定の範囲を指定しておくとより凝ったスタイルの適用が可能となります。
使用タグ
意味合い
書き方の例
CSSで「背景色緑」を指定した変化例
<div>
特定の範囲をひとつのグループとしてひとまとめにする。
囲まれた範囲はブロックレベル要素となり、
段落と同じように前後が改行される。
<div>
<h4>見出し4</h4>
<p>段落1</p>
<p>段落2</p>
</div>
見出し4
段落1
段落2
<span>
特定の範囲をひとつのグループとしてひとまとめにする。
囲まれた範囲はインライン要素となり、
前後は改行されない。
<h4>見出し
<span>
4
</span>
</h4>
<p>段落
<span>
1
</span>
</p>
<p>段落
<span>
2
</span>
</p>
見出し
4
段落
1
段落
2
Additional Information
地域ポータルサイト
ITサポート関連サイト