携帯電話のホームページに

<div style=”border:solid #aaee99 1px”>
<div style=”border:solid #b2efa3 1px”>
<div style=”border:solid #c5f3b9 1px”>
<div style=”border:solid #cef5c4 1px”>
<div style=”border:solid #d8f7do 1px”>
とグラデーション風に枠をつけていたのですが、外部スタイルシートで読み込む場合どのように外部ファイルに記入すればよいのですか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/01/12 17:07:08
  • 終了:--

回答(1件)

id:komorebi No.1

komorebi回答回数133ベストアンサー獲得回数82006/01/12 17:29:59

ポイント70pt

http://www.kanzaki.com/docs/html/htminfo17.html

�X�^�C���V�[�g�̊��{ -- �����ȒP��HTML�̐���

外部スタイルシートの方法は、Webと同じです。

まず、「style=”~”」部分を、クラスセレクタを用いたルールセットを作ります。

[例え] 

.a1{border:solid #aaee99 1px;}

.a2{border:solid #b2efa3 1px;}

※ 「a1」「a2」などのルール名は任意

※クラスセレクタの場合は、ルール名の前に「.」をつける。


この上記ルールセットを記述したモノを、CSSファイル(~.css)として保存し

HTML/XHTML側で、

<link rel=”stylesheet” type=”text/css” href=”~.css”>

で、呼び出し、必要たタグ要素に呼び出せばよいと思いますよ。

[例え] <div class=”a1”>~</div>


もし、WebとケータイとでCSSをファイルを分けるのであれば、

<link>の属性にメディアタイプで「madia=”handheld”」を追加すれば

ケータイにのみCSSを反映させられます。


しかし、ケータイは今のところ au端末 やOperaなどのブラウザ入りでないと

CSSに対応してないような気もしますが・・・

id:diesel55

回答ありがとう御座います。

au向けに作ってます;;

結構色々本やHPの説明を見ているのですが、いまいち頭に入らないもので…助かりました。

もう一つ、、呼び出すときは

と一つづつ記述しなければいけないのですか?

もう少しまとめる事は出来ますか?

2006/01/12 20:24:59

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません