みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

CSSの複数使用について、(一つのページで)

CSSの複数使用について、(一つのページで)

<head>
<META http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" href="./table2.css" type="text/css">
<link rel="stylesheet" href="./table.css" type="text/css">
</head>
<body>


<div style='width:35%'>
<span class="roundcorner_box">
<span class="roundcorner_box1"><span></span></span>
<span class="roundcorner_box2"><span></span></span>
<span class="roundcorner_box3"></span>
<span class="roundcorner_box4"></span>
<span class="roundcorner_box5"></span>
</span> <div class="roundcorner_box_content">
ここに文字
</div>
<span class="roundcorner_box">
<span class="roundcorner_box5"></span>
<span class="roundcorner_box4"></span>
<span class="roundcorner_box3"></span>
<span class="roundcorner_box2"><span></span></span>
<span class="roundcorner_box1"><span></span></span>
</span>
</div>

このようなソースで、(外部ファイルは略)として、外部ファイルと「table」と「table2」にしたときに、
二つ指定する方法が分かりません。どうしたらいいですか?
外部ファイルのtableとtable2の内容は別になっている。

投稿日時 - 2007-12-06 22:01:43

QNo.3576846

困ってます

質問者が選んだベストアンサー

こんにちは

外部ファイルを略されているので具体的に何をしたいのか半分把握でき、半分把握できないといった状態です(><)

>半分把握
外部ファイルを複数利用する → <head>内のこの記述でできると思います

>把握できない
外部ファイルを2個使用するのは↑でできると思うのですが何ができなくて質問されているのかわからないです

・CSSがまったく効いていない
→<link rel="stylesheet" href="./table2.css" type="text/css">などの外部ファイルのパスなどは適切ですか?
→ファイル内のclass名やstyleの記述は適切ですか?

・CSSが片方しか効いていない
→同じclass名、style属性を指定していませんか?


予想としては片方で角丸ボックスのCSSを、
もう一方でコンテンツ内のCSSを、
といった感じだと思うのですが何が出来ていないのか分からないのでこれ以上は・・・(--;)

簡単ですがサンプル
『table.css』
#roundcorner_box { width:35%; }
#roundcorner_box span { background-color:lavender; height:1px; overflow:hidden; display:block;}
.roundcorner_box5 { margin:0px 5px; }
.roundcorner_box4 { margin:0px 4px; }
.roundcorner_box3 { margin:0px 3px; }
.roundcorner_box2 { margin:0px 2px; }
.roundcorner_box1 { margin:0px 1px; }

『table2.css』
.roundcorner_box_content { border:2px solid lavender; height:500px; background-color:white; }

『html』
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
<title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
<link rel="stylesheet" href="./table.css" type="text/css">
<link rel="stylesheet" href="./table2.css" type="text/css">
</head>
<body>
<div id="roundcorner_box">
<span class="roundcorner_box5"></span>
<span class="roundcorner_box4"></span>
<span class="roundcorner_box3"></span>
<span class="roundcorner_box2"></span>
<span class="roundcorner_box1"></span>

<div class="roundcorner_box_content">
ここに文字
</div>

<span class="roundcorner_box1"></span>
<span class="roundcorner_box2"></span>
<span class="roundcorner_box3"></span>
<span class="roundcorner_box4"></span>
<span class="roundcorner_box5"></span>
</div>
</body>
</html>

投稿日時 - 2007-12-07 06:04:17

お礼

大変詳しい説明と解説ありがとうございました。

勉強になりました。

投稿日時 - 2007-12-10 22:47:21

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

http://okwave.jp/qa3315188.html

まっとうなcssを学ばれるといいですよ。CSSの複数使用なんて基本中の基本です。
聞いておいて、利用しないなら、聞くな!!!!

HTMLが出来る人がする質問ではないです。

投稿日時 - 2007-12-06 23:31:37

お礼

すいません^^

勉強不足でした....

投稿日時 - 2007-12-10 22:46:20

あなたにオススメの質問