スピーカー：それがHTMLではないことが判明 あなたの中に使用できる唯一の​​言語 Webページの。 あなたは、CSSと呼ばれるものを使用することも、 カスケーディングスタイルシートだけでなく、。 CSSでは、はるかを指定することができます ウェブの正確美学 レイアウトとサイズを含むページ、および 色やフォントなど多くの。 たとえば、のはWebページを作成してみましょう aはここに呼ばCSS0 ジョン·ハーバード、言う、のためのホームページです。 

このページでは、ジョン·ハーバードのがあるでしょう 名前、されるの下に 彼の訪問者のための素敵なメッセージを、下に これで、フッターになります 、いくつかの著作権情報を言う。 これを行うには、の3部門を定義してみましょう タグを使用して、ページの DIVと呼ばれる。 開閉金具DIV、ジョン·ハーバード、 ブラケットDIV、別のオープンブラケットDIV、 そして今、我々は何かを指定します のような、私のホームページへようこそ！ とだけでなく、のはこのDIVを閉じてみましょう。 

そして今、3番目と最後の DIV、著作権。 ただの空想であると、私は今のHTMLを使ってみましょう エンティティを表す記号 あなたがいないそうでない可能性の文字 お使いのキーボードのタイプ。 特に、私は何をするつもりだ アンパサンド、ポンド、169、セミコロン。 それは数値コードで判明 著作権記号のため。 その後のジョンハーバード大学を指定してみましょう ここで一番下にある。 それではDIVを閉じ、ファイルを保存してみましょう。 

さて、このdivタグとは何でしょうか？ divタグは、単純に割り算を定義 本質的には、ページの 矩形領域。 だから、時間のこの時点で、私は3を持っている 矩形領域、上部に1 他の。 だから今のところ、効果はほぼ同じである 私は3パラグラフを持っていたのに。 しかし、我々は非常に限り表示されません それらの間にある空白文字。 

そのを変更する、のはこのファイルを保存してみましょう 権限、およびのため見てみる Chromeで瞬間。 ます。chmod a +がCSS0.html rを。 Chromeと訪問を開くようになりましレッツ http://localhost.CSS0.html。 確かに、ここのホームページです ジョン·ハーバードのため。 それでは、もう少しそれを型にはめるみよう 正確にいくつかのCSSを使用して。 

背中のgeditに、のはこのに行こう 最初のdivタグとスタイルを追加 私がしたいことを指定する属性 たとえば、フォントのサイズ、36ピクセル、またはピクセル。 と私は、このフォントの重さをみたい むしろデフォルトよりも大胆であるためには、 これは正常です。 第二のdivのために、のは指定でき されている別のスタイル属性 フォント24画素のサイズなので、 少し小さい。 セミコロンの後に閉じる引用符。 

最後に、この第三のdivに、のはやらせる スタイルは、引用符、フォントサイズに等しく、 それでは12ピクセル今回言わせて。 セミコロンの後に閉じる引用。 私が持っているように見えることをして注意してください のための様式化の指定ビット 使用して、これらの3 div要素のそれぞれ、 それは、CSSを判明。 実際には、あなたが参照してください。構文 これらの二重引用符の間のCSSであり、 特にCSSプロパティ 値を持つ。 そして、私が持っていた最初のタグのために このような2つのプロパティ、フォントサイズや フォントの太さ、私は単純に分離 セミコロンで。 

今、ちょうど、スタイルのために、私 も含まれてセミコロンで 各行の終わり。 しかし、彼らは必ずしも必要ではありませんね、 あなたが1つしかない場合は特に プロパティが定義されている。 それでは、ファイルを保存して再ロードしてみましょう Chromeであり、何を参照 正味の効果である。 バックChromeでここに、 のリロードをクリックしてみましょう。 

今、私たちはもう少し面白いを持っている ジョンのホームページ ハーバード大学とそれによって最初の行 それの内側にある彼の名前、 最初のdivは、また、36ピクセルの高さで、 太字、それによって二行目、 その第二のdivである、24である 太字背が高くはなく、ピクセル。 そしてそれによって、第3の3行目 DIVも12ピクセルの高さで、 太字はない。 しかし、今、私はシフトしたいとします 上のこのテキストのすべて それが中央だようになっている。 

Iは、個々の各々を整列させることができ 中心にされているものとしてdiv要素。 しかし、もっと簡単に、私はそれらをラップすることができ 第四のDIVの内側に3 div要素、 親のdiv、いわば、および指定する そのDIVとそのすべてのこと 子孫であるべき テキスト整列センター？ それでは見てみましょう。 

geditの内、のに戻りましょう、私の ボディを持つ新しいDIVまでトップを追加 DIV、スタイルは引用引用終わり等しい テキストALIGNセンター、近くに セミコロンの後の引用。 そして今、のは先にインデントをすべて手放す 我々の前に入力されたこれらの行の。 そして、第3のdivの下に、みましょう この新しいDIVを閉じます。 

換言すれば、これらの3つの理由 オリジナルのdiv要素は今の子供たちなので、に 新しい親DIVの、話し、私がしました 私は揃えたいと思いことを指定 中心部にある、親のdivのテキスト ページの、そのプロパティはなり これらのすべての子に継承さ。 確かに、のは、ファイルを保存してみましょうと、 ブラウザで見てください。 それではChromeでリロードしてみましょう。 そしてそこに私たちもよりよい、それを持っている ジョン·ハーバードのホームページ。