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