こんにちわ☆
ホームページを作成したい初心者です。htmlをある程度学ぶことができ、今度はcssに超背印してみようと思うようになりました。
そこで、htmlにCSSが反映されるように、テキストエディットに
<link rel="stylesheet=" href="style.css">を書きました。CSSの方は、
h1, h2{
font-size: 30px;
}
h1{ text-align: left; }
h2{ text-align: center; }
を入力して、h2の文字の位置がブラウザ上で真ん中になるようにしたいのですが、確認したところ、思ったように反映されていなくて困っています。CSSの保存名は「style.css」にして拡張子もCSSにしたのですが・・・。
どのようにすればCSSで作ったものが反映されるようになるのか、教えてくださいっ。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
まずtypeが書かれていません。
それと、rel=""の中に不要な「=」が書かれています。
下記の様に書いてみてください。
<link href="style.css" rel="stylesheet" type="text/css">
また、この書き方の場合、読み込むhtmlファイルと同ディレクトリにstyle.cssがある場合に有効になります。
例えば、htmlファイルがあるフォルダに「css」というフォルダを作って、
そこにstyle.cssを入れるような場合には
<link href="css/style.css" rel="stylesheet" type="text/css">
と書きます。
ちなみに、これはhtmlの場合で、xhtmlで記述するなら下記の様になります。
<link href="css/style.css" rel="stylesheet" type="text/css" />
No.1
- 回答日時:
そのファイルが
file:///c:\my document\test.htmlだとすると、そのパス指定だと、
file:///c:\my document\style.css
であるはずですよね。ここは理解できてますか?
だとすれば、これを指定するとCSSのソースが表示されるはずです。
もし表示されて適用されないなら、CSSが間違っている。
⇒W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
空白文字が全角になっているなど。
タブや全角文字、半角文字などがきちんと区別して表示できるテキストエディタを使いましょう。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- CGI perlで書いたcgiでsqliteの使い方を教えてください 2 2023/05/08 21:29
- HTML・CSS htmltとcssの連携をして画像縮小について 1 2022/11/15 20:32
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
cssファイルの名称付け
-
cssファイルを階層の異なるHTML...
-
サイトを作る時のcssファイルは...
-
範囲指定印刷での位置(css)
-
スタイルシート(CSSスタイル)...
-
拡張子 .cssに続く暗号みたいな...
-
ディレクトリ構成【「common」...
-
リンクについて
-
jspにcssを反映させるには
-
CSSファイルの分け方皆様はどの...
-
ブラウザでプレビューでCSSが反...
-
デバイス毎、画面の向き毎にデ...
-
HTMLの CSSのファイルというの...
-
画面キャプチャー 禁止 css
-
cssでiPhone SEで文字が小さす...
-
ドキュメントルートより上の階...
-
outlook 文字を揃えたい。tab...
-
マイクロ(μ)の文字を半角で出...
-
教えてください。
-
入力規則のリストの文字の大き...
マンスリーランキングこのカテゴリの人気マンスリー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で文字が小さす...
おすすめ情報