おはようございます。宜しくお願い致します。
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は効かないと…。
しかし、両方効くはずと言われたことがあるのです。
それと、外部スタイルシートを「外してみているユーザーが居る」と言われた事が有ります。
勉強不足で申し訳有りません。外部スタイルシートの外し方って、どうやるのでしょう?
宜しくお願い致します。
No.1ベストアンサー
- 回答日時:
仕様上は、HTMLの要素、属性による指定は詳細度0のスタイルに置き換えられ、文書作成者のスタイルシートの先頭に記述されたものとして扱われます。
従って、同じ要素にスタイルシートでスタイルを指定した場合、こちらの方が後から記述されたことになりますので、同じプロパティであれば上書きします。
違うプロパティの場合は先に記述したもの+後から記述したもの、がスタイルとして適用されます(両方効く、というのはこのケースのことでしょう)。
スタイルの優先順位に関しては参考URLで詳しく解説されています。
スタイルシートのはずし方は、Netscape4.xであればメニューの編集-設定-詳細-スタイルシートを有効にする、のチェックを外します。
IE5.5の場合は!importantをつけて自分の好みのスタイルシートをローカルに作成しておき、メニューからツール-インターネット オプション-ユーザ補助-ユーザスタイルシートでそのスタイルシートを指定することで、ページ作者の指定したスタイルよりも自分の指定を優先させることができます。
参考URL:http://www2u.biglobe.ne.jp/~zashiki/css-make/cas …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- WordPress(ワードプレス) wordpress cocoon ヘッダーのフォント変換 2 2022/11/22 09:58
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
goo は、放置?
-
htmlの文字が縦書きになる
-
スマホ(android)のタッチパネ...
-
css初心者 フレックスボックス...
-
メモ帳の段落の揃え方
-
CSS、Bootstrapについて contai...
-
テーブルの行を折りたたみたい...
-
WEBページを強制的に横画面で見...
-
WEBサイト 画像の直接リンクに...
-
CSSについて教えてください。 ...
-
列のどこをクリックしてもソー...
-
ボタンが押されたらWebページの...
-
アコーディオンメニューが思う...
-
テーブルタグのセルの幅の一部...
-
iPhoneで HTMLファイルを閲覧
-
角丸画像の背景色を透明にした...
-
htmlソース文の 各行 改行位置...
-
ホームページのURLをコピー...
-
pythonのコードについてご教示...
-
すいません HTMLです この画像...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルの行を折りたたみたい...
-
htmlで<form>~</form>を並べて...
-
WEBページを強制的に横画面で見...
-
コードを書いて下さい( ; ; )...
-
css初心者 フレックスボックス...
-
テーブルのセルデータを自動改...
-
CSSデータの作成方法について(...
-
HTMLで画像をポップアップで表...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
HTMLで特定の文字だけ色を変え...
-
プログラミングの勉強が進みません
-
スマホでHTMLファイルを開いて...
-
テーブルタグのセルの幅の一部...
-
CSSでつくったメニューのアニメ...
-
大至急。webのシングルページを...
-
角丸画像の背景色を透明にした...
-
HTML入門でもう躓いてしまった。
-
HTMLの CSSのファイルというの...
おすすめ情報