質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

406閲覧

cssが適用されない理由を教えてください

gomes_2222

総合スコア90

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/12/14 07:23

編集2019/12/14 09:06

下記の通りのコードを打ちましたが、上のものはcssが適用されず、下のものはcssが適用されます。理由を教えてください。
コピペしているはずなのに理由を教えてください。

html

<p class="catchcopy1">おめでとう</p> <p class="catchcopy2">誕生日</p>

css

css

1.catchcopy1 { 2 color: #FFFFFF; 3 font-size: 14px; 4} 5 6.catchcopy2 { 7 color: #FFFFFF; 8 font-size: 18px; 9}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/12/14 07:39

cっsが  「CSS」でしょうか。 コードはマークダウンのcode機能を利用してご提示ください。 また、htmlとCSSは別々のファイルでしょうか? でしたらhtml側の記述はなるべく全て提示し、それぞれのファイルの配置が分かるような情報もご提示ください
gomes_2222

2019/12/14 08:14

ありがとうございます。 質問画面の、コードを挿入を使えば良いのでしょうか?
m.ts10806

2019/12/14 08:56

ヘルプページの「マークダウン」の項目見てもらえればと。 解決されたようですがマークダウンのcode対応だけはしておいてもらえたらと。質問は編集できますので。
m.ts10806

2019/12/14 08:58

あとタイトルとか本文とか誤字が見受けられますし、ついでに修正しておいてもらえたらと。
guest

回答1

0

ベストアンサー

追記修正依頼にコメントしていますが、可能性だけ列挙します。
ちなみに今回特有の可能性はありません。

  • CSSの構文が間違っている

全角スペースなども構文ミスの元です。クラス、IDなど含めたセレクタが正しく指定されているかどうかもこちらに含みます

  • CSSファイルが外部ファイルなら正しくリンクされてない

HTMLから指定された場所にないとか、そもそも存在しないとか、破損しているとか

問題の切り分け方

  • bodyタグに対して背景色を指定するなど一目で分かる指定する。
  • CSSの構文チェッカーにかける
  • ブラウザ開発ツールのコンソールでHTMLで指定しているCSSファイルパスに404エラーが出ていないか確認する

投稿2019/12/14 07:45

m.ts10806

総合スコア80765

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問