>> スピーカー：それが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でリロードしてみましょう。
そしてそこに私たちもよりよい、それを持っている ジョン·ハーバードのホームページ。