スピーカー:だから、それは実際には最善ではありません 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でリロードし、出来上がり。 我々は今、ジョン·ハーバードのページを持っている 我々は意図したとおり中心に。