css - の高さ/幅を変更できません

Question

私は HTML/CSS を学んでいて、これを試すことにしました:

<p>A paragraph with no margins specified.</p>
<div style="width=300px; height=300px; background-color:yellow;><p>This paragraph is in a divider.</p></div>
<p>A paragraph with no margins specified.</p>

グーグルで調べたところ、インライン要素の幅/高さを変更できないことがわかりました。そこで、 を使って と の両方をブロック要素にしてみ<div>まし<p>たdisplay:blockが、何も変わりませんでした。幅は画面外に無限に広がり、高さはその高さだけ<p>です。<p>300x300にあるようにしたいのですが<div>、どうすればこれを行うことができますか? また、これらの方法のいずれも機能しないのはなぜですか (に変更してもdisplay:block)? ありがとう。
また、私のように過剰な CSS を使用するべきではないこともわかっています。これは、私が W3 の "Try-It-Yourself" HTML エディターでテストしていたためです。

Answer 1

コードのエラー:

<div style="width=300px; height=300px; background-color:yellow;>
-----------------^-------------^-------------------------------^
                  Replace with :                               Missing "

---

あなたはそれを間違って与えています。=をに置き換え:ます"。

<div style="width:300px; height:300px; background-color:yellow;">

Answer 2

divとはどちらもpデフォルトでブロック要素なので、指定する必要はありませんdisplay:block;。スタイル属性内で古い学校の html 属性の名前/値設定 (名前 = 値) を使用しています。

のような CSS プロパティを style 属性内で使用する必要がありますname:value;。

style="width:300px; height:300px; background-color:#FFFF00;"

Team Treehouse のリソースの一部を参照してください: http://teamtreehouse.com/library/websites/build-a-simple-website/website-basics

または Code School: http://www.codeschool.com/paths/html-css

これが学習の継続に役立つことを願っています。

Answer 3

「幅」だけでなく、「最大幅」を使用することもできます。