おはようございます。宜しくお願い致します。

HTMLに外部スタイルシート(CSS)を組み込み、更にHTML内にタグでスタイルシートと同じ内容のものを書き込んだ場合、そのタグを消さないとCSSは反映されませんよね?
例えば、CSSでフォントサイズを指定したとして(tdにidで指定するとします)、HTML内にフォントサイズのタグを書き込んだ場合、どちらを優先されますか?
例:CSSで、
td#word {font-size: 10pt;}

と指定します。それに併せて、HTML内に、

<td id="word" colspan="1"><font size="-1">表示したい文字</font></td>

とした場合、指定するものに一番近い指定(<font size="-1">)を優先される…と覚えていたのですが。そして、この場合CSSは効かないと…。
しかし、両方効くはずと言われたことがあるのです。
それと、外部スタイルシートを「外してみているユーザーが居る」と言われた事が有ります。
勉強不足で申し訳有りません。外部スタイルシートの外し方って、どうやるのでしょう?
宜しくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

仕様上は、HTMLの要素、属性による指定は詳細度0のスタイルに置き換えられ、文書作成者のスタイルシートの先頭に記述されたものとして扱われます。



従って、同じ要素にスタイルシートでスタイルを指定した場合、こちらの方が後から記述されたことになりますので、同じプロパティであれば上書きします。

違うプロパティの場合は先に記述したもの+後から記述したもの、がスタイルとして適用されます(両方効く、というのはこのケースのことでしょう)。

スタイルの優先順位に関しては参考URLで詳しく解説されています。


スタイルシートのはずし方は、Netscape4.xであればメニューの編集-設定-詳細-スタイルシートを有効にする、のチェックを外します。

IE5.5の場合は!importantをつけて自分の好みのスタイルシートをローカルに作成しておき、メニューからツール-インターネット オプション-ユーザ補助-ユーザスタイルシートでそのスタイルシートを指定することで、ページ作者の指定したスタイルよりも自分の指定を優先させることができます。

参考URL:http://www2u.biglobe.ne.jp/~zashiki/css-make/cas …
    • good
    • 0
この回答へのお礼

ご回答有難うございます!

参考サイト、ゆっくり拝見しました。
自分の勉強不足に、我ながら情けないです。

助かりました。

お礼日時:2002/01/16 11:21

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q▲▲テーブルと一緒には使えない?

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD>
</TR>
</TABLE>
<BR>
<TABLE Border Cellspacing="1" Width="75%" align="center">
<TR>
<TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD>
</TR>
<TR>
<TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD>
<TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD>
<TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD>
~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~
</TR>
</TABLE>
</BODY>
</HTML>

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT...続きを読む

Aベストアンサー

http://homepage3.nifty.com/f-page/hp/html/meta01.html
メタタグでcharsetを設定したらどうでしょうか
文字化けしてると思います。

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

Q~ の中に