スピーカー：だから、それは実際には最善ではありません HTMLでのCSSを混在させるデザイン。 むしろ、それはあなたを取り除くことをお勧めします CSS、どこかの中央に置いて、 何とかに適用 Webページ内のタグ。 これを達成するために、我々は、実際に停止することができ 代わりにstyle属性を使用し、 に属するスタイルタグを使用 と並んで、Webページの先頭に、用 例えば、あなたのタイトル。 

のは、このを試してみようと再実装 ジョン·ハーバードのホームページ スタイルタグを使用して。 私はすでに始まったちを得ている ここには3つのdiv要素と ジョン·ハーバードのホームページ。 しかしましょう​​まず、今この最初に上がる DIVと新しい属性を追加し、 ユニークなことに、つまりID、および指定 この特定のDIVの識別子 引用引用終わり、例えば、しなければならない 「トップ」、任意の名前が、 このDIVであることを記述 確かに私のページの上部にある。 

次のDIVのために、のはそれ与えてみましょう 引用引用終わりの異なるID 「ミドル」との第三のdivを与えてみましょう 引用引用終わりのID "ボトム"我々 今3つのユニークな識別子を持っている これまで我々はいくつかのCSSを適用することができます プロパティが、まず、戻りましょう このページの先頭へ。 ちょうどここにタイトルの上に、私はよ 先に行くとスタイルを定義する [閉じるスタイル。 

この内、今、私が定義するつもりです いくつかのCSSプロパティ、すなわち、 私は以前のスタイルで持っていたものと同じもの 属性が、ここで彼らはなるだろう 一元的に定義された。 そのためには、私はポンドを指定するつもりです トップに続くシンボル、それによって、 指定その次のCSS プロパティはどのようなに適用されるべきである HTML要素は、固有のを持っている トップの識別子。 私は、いくつかを開いているつもりだし、 中括弧を閉じて、私はするつもりだ フォントサイズは​​36でなければならない、と言う、指定 ピクセル、フォントの太さは、大胆でなければならない。 

きれいなものを維持するために、私はそれぞれを入れている 今自分自身でこれらのプロパティの 行が、それはただです 文体大会。 この下には、今度は別のものを定義してみましょう セレクタ、いわば。 持つHTMLタグについては、この1 真ん中の一意の識別子。 そして、ここでは、のは、フォントサイズを指定できます 24ピクセルの、そのもう一つ下の 内底、およびセレクタ そのことを、のは指定でき 12ピクセルのフォントサイズ。 

それでは、保存の権限を変更してみましょう 上、ブラウザでこのページをロードし、 プラスR CSS-1.htmlます。chmod。 Chromeと訪問を開くのを聞かせて http://localhost/css-1.html。 悪くはない。 私が意図したが、私はしたいのですがまったく同じように 今一歩物事を取り、 センターのジョンハーバードのテキスト。 ここで実行して、私はラップでした DIV内のページ全体をI 前述の例をしました。 または私はより賢いこととそれを実現することができます これらのdiv要素のすべてが内部にある マイページの体は、なぜ単に適用されない 身体への1つまたは複数のCSSプロパティ 自身をタグ付け？ 

そのためには、のは、これをやらせる。 それでは、ここでのgeditに戻りましょう。 のスタイルタグまでスクロールバックしましょう​​、 そしてちょうどセレクタを指定できます そのタグの名前、体を用いた。 その下には、私たちの中括弧を入れてみましょう テキスト中央揃えた。 それでは、ページを保存し、再ロードしてみましょう それそのブラウザの内部。 Chromeでリロードし、出来上がり。 我々は今、ジョン·ハーバードのページを持っている 我々は意図したとおり中心に。