スタイルシート?

スタイルシートとはスタイルシート言語の1つである
CSSを指している事が多く、当サイトでもCSS=スタイルシートとしています
CSSとは
Cascading Style Sheetの略語で HTML文書で作成されたWEBページのレイアウト(見栄え)を定義する為の技術です

CSSを組み込む上で必要不可欠なHTMLの知識は見に付けてから利用しましょう

ここで紹介するのは携帯端末で反映、作成できるCSSを紹介します

現在CSSが反映する携帯はWAP2.0です
auのWIN
DoCoMoのFOMA(一部省く)
SoftBankの3Gがそれに当たります

しかし、機種により反映するCSSはまちまちです
(日立製以外は大差はない)

CSSは大きく分けて3つの方法があり、状況に応じて使い分けできる

@ style要素
style要素を使用してHTML文書内にまとめて設定する方法
複数のページを編集するには向いてない
XHTMLでは「<!--」と「-->」を使えない為この方法の使用は向いてない

<style type="text/css">
 <!--
   CSS部分
 -->
</style>

A style属性
style属性を使用してタグに直接スタイルを設定する方法
記述も長くなり効率が悪くCSSの長所を生かせれません
<セレクタ style=" CSS部分">

B link要素
外部スタイルシートを読み込む方法
読み込みも一番早くCSS本来の長所を有効的に生かせる使用法
<link rel="stylesheet" href="CSSファイルURL" type="text/css">

auは@AB全て対応です
SoftBank 3Gは@AB全て対応です
FOMAに関しては、ある一定条件を満たせばAが反映します

当サイトで配布しているテンプレートを持ち帰ってCSSとHTMLを比較しながら勉強すると分かりやすいかもしれません


BACK HOME