HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、
cssが適用されず、困っております。
外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。
W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。
作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。
また、どのブラウザでも適用されていません。
他に考えられるとしたら、どのような原因で適用されないのでしょうか?
教えて頂きたいと思います。よろしく御願いします。
No.1ベストアンサー
- 回答日時:
閲覧してる多くのページ(例えば「教えてgoo!」とか)では CSS が適用され、
自作のページだけが何故か CSS が適用されないなら、
書き方が間違ってるとしか考えられない、と思うんですが。
CSS が適用されるページ(例えば「教えてgoo!」とか)のソースを保存して、
見比べて研究すれば、どこがおかしいか、わかるのでは。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test</title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8">
<meta name="keywords" content="">
<link rel="stylesheet" href="css/main.css" type="text/css">
<style type="text/css">
<!--
body {background-color:#FF0; font-family:sans-serif; }
h1 {font-size: 1000%; color:#F0F; }
-->
</style>
</head>
<body>
<h1>TEST</h2>
</body>
</html>
回答ありがとうございます。
実際に順番に上から比較してみると、原因が分かりました。
<head>内の記述を一部、pdfからコピー&ペーストしていた所、一カ所ダブルクオーテーションが全角になっていました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- HTML・CSS PrettierのHTMLの記述変更 linkタグ 1 2022/06/23 04:06
- HTML・CSS (Javascript)印刷するファイルに応じて印刷プレビュー画面で用紙を自動的に切り替えたい!! 2 2022/04/11 12:04
- HTML・CSS Chrome のキャッシュについて 3 2022/05/26 07:50
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
html とcssのリンクがうまくい...
-
cssで、ボタンのテキスト部分を...
-
[Dreamweaver8]テンプレートに...
-
cssファイルを階層の異なるHTML...
-
ブラウザによる表示の違いについて
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
outlook 文字を揃えたい。tab...
-
「MS Pゴシック」と同じ幅の...
-
EXCEL VBA 印刷プレビューダイ...
-
CSSを一部無効にしたい
-
ワードでゴシックの文字を太く...
-
エクセルVBAが中国のPCでは動か...
-
縦書きテキストボックスの表示"...
-
英語版OSでの遊明朝、游ゴシック
-
【スタイルシート】 半角と全角...
-
ペイント3Dのテキストサイズ変更
-
font-family の記載方法
-
MsgBoxについて
-
ASP VBscript でメッセージボッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
cssファイルの名称付け
-
jspにcssを反映させるには
-
ディレクトリ構成【「common」...
-
サイトを作る時のcssファイルは...
-
HTMLの CSSのファイルというの...
-
cssで、ボタンのテキスト部分を...
-
複数のhtmlで同じcssファイルを...
-
cssファイルを階層の異なるHTML...
-
cssが反映されません
-
一部のページにデフォルトCSSを...
-
WindowsとMacで違うCSSを読み込...
-
エクセルファイルにCSSを読み込...
-
定数の定義とかはできますか?
-
ブラウザでプレビューでCSSが反...
-
範囲指定印刷での位置(css)
-
ドキュメントルートより上の階...
-
スタイルシート(CSSスタイル)...
-
Dreamweaver のテンプレートで...
-
【CSS】スタイルやクラスがどの...
-
cssでiPhone SEで文字が小さす...
おすすめ情報