classで記述したものが反映されない

●htmlの本文です。

<!DOCTYPE html> <html lang="ja"> <head> <link href="style.css" media="all" rel="stylesheet"> </head> <body> <p class="pborder3">こんにちは！講師の佐藤です！今回はCSSの基本であるmargin・padding・ borderについて詳しく紹介します！ </P>

  <p class="pborder4">こんにちは！講師の佐藤です！
   今回はCSSの基本であるmargin・padding・ borderについて
   詳しく紹介します！
  </P>

<div class=”one”> <h1>こんにちは</h1> <p>ようこそ</p> </div> <div class=”two”> <p>はじめまして</p> <p>よろしく</p> </div> </body> </html>

●CSSです
.pborder3{
margin:5em 20em;
border-top:solid 10px #eb00ff;
border-bottom:double 10px #eb00ff;
font-size:20px;
background-color:#c0c0c0;
line-height:3em;
padding-left:2em;
padding-right:2em
}

.pborder4{
margin:5em 20em;
border-top:ridge 2px #808080;
border-bottom:groove 2px #c0c0c0;
font-size:20px;
background-color:#d3d3d3;
line-height:1.3em;
padding-left:1.5em;
padding-right:1.5em
}

body{
background-color:#ffc
}

.one{
background-color:#d3d3d3;
}

.two{
background-color:#d3d3d3;
}

※後半のdivで囲んだ２ヶ所の、.one .twoのスタイルが反映されません。どこに問題がありますか？
初歩的な質問で申し訳ありません。いろいろ試してみても駄目だったので質問させていただきました。

m.ts10806

2019/03/23 02:10

コードはマークダウンのcode機能を利用してご提示ください(質問は編集できますので)

hisayan

2019/03/23 05:07

マークダウンのcode機能のやりかたを調べてから投稿するようにいたします。

m.ts10806

2019/03/23 08:04

あと、質問は編集できますので。マークダウンについてはヘルプにもありますし質問投稿画面左下に説明もタブにあるので

行動規範の内容に同意します

回答1件

ベストアンサー

<div>のクラスをくくる引用符が、半角のものではありません。

html
1<!-- 誤 -->
2<div class=”two”>
3<!-- 正 -->
4<div class="two">

投稿2019/03/23 00:00

maisumakun

総合スコア145184

BeatStar

2019/03/23 01:23

横やり、すみません。 hisayanさん。 maisumakunさんが仰っているのは、「半角クォーテーションと全角クォーテーションの違い」です。 IT関係、特にHTMLやプログラミング関係は全角か半角かで全然違ってきます。そこを注意してみてください。

hisayan

2019/03/23 05:09

Ｗｏｒｄにあったものをコピー＆ペーストをしてしまいました。こえが失敗の元でした。

hisayan

2019/05/11 05:09

ありがとうございました。うまくいきました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.48%

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

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

質問する

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

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

classで記述したものが反映されない

関連した質問