そこ。
お帰りなさい。
だから、このレッスンはとても速くなるでしょう。
私たちはちょうどDIVタグとスパンタグの2つのタグについて話していますが、私たちが物事をスタイルできる場所を見極めるまで、彼らは何をし、どのように使用するかについては話すことができません。
しかし、私はdivとspanを使ってあなたのことを見せてくれるので、今それらを紹介したいだけです。
次のいくつかのビデオでは、私はこのコースの最初のドラフトでそれを実際に説明する素晴らしい仕事をしませんでした。
そこで私は、コースが出版された後の事実の後でこれに戻ってこれを加えました。
私はちょうど私がより良い仕事をしたのかどうかを知ることができたかもしれないことに気づいたいくつかの質問を見た。
OK。
だからdivとspanについて話を始めましょう。
私が言う最初のことは、私が言及したように、それらの両方が実際にスタイリング要素に到達するまではそれほど有用ではないということです。
しかし、彼らはあなたがコンテンツを一緒にグループ化することができるので、MT-NWによるdivは単なる一般的なコンテナです。
だからそれはちょうど例をまとめる方法です。私はこれがここのdivだと言っているわけではありませんが、これはいくつかのコンテンツの周りのボックスにすぎません。
ここにいくつかのテキストといくつかの画像があり、それをまとめて大きなボーダーを与えたり、背景を与えたりすることができます。私はdivでそれを行うことができます。
もう一度、あなたはそれをどうやってやっているのかについてはまだ話していませんが、アイデアは物事をまとめることができるということです。
だから、あなたはこのコースでdivsをたくさん使っているのを見るでしょう。
簡単な例をお見せしましょう。
ここにテキストを追加すると、実際にはこのコースの学生の1人がディスカッションフォーラムで指摘したことになります。
Loremを入力してタブを押すだけでは、どれがいいかわかりませんでした。
これは、Lorem Ipsumに基本的にサンプルテキストプレースホルダテキストの束を与えます。
だから私はこれを使って2つのものを作るつもりです。
そして、H1を追加し、このH-1が本当に問題ではない、あるいはそこに何かを置くとしましょう。
しかし、これは段落であり、私はこれら2つのものをグループ化したいとします。
段落のH-1は、最終的にもう一度これを行うことはできませんが、最終的には境界線とオレンジ色の境界線を囲むようにしたいと考えています。
しかし、これは含まれていません。
私ができることはdivタグの中でそれらをまとめてグループ化して保存することです。
そして、もし私がページをリフレッシュしたり、実際にそれを開くと、それは全く違って見えることはありません。
私たちがスタイリングをしているのは、実際には何も見えません。なぜなら、この2つのものはコンテナ内にグループ化されているからです。
だから私がそのdivにバックグラウンドを与えれば、それは黄色の背景を持っていれば黄色の背景がこの周りにおおよそ行くが、それは第2段落のいずれも含まないだろう。
それは一方でdiv divであり、ジェネリックコンテナでもあります。
しかし、大きな違いがあります。
ですからここで例を挙げてみましょう。
ここでこれらの単語のいくつかを強調したいとしましょう。
イプサムのドア。
私が黒ではなく黄色にしたいものが何であれ、残りのテキストは黒です。
しかし、私はこれを黄色く強調してフォントを大きくするか、何かをしたい。
もう一度、私たちはそれをどうやって行うのか分かりません。
しかし、この考え方では、タグを必要としています。一般的なコンテナであるdivを右に置いて保存してリフレッシュすると、新しい行にノックされることがわかります。divはブロックなのでレベル要素。
つまり、段落のように独自の行を取ります。
その段落の後にすべての段落を追加すると、新しい行にプッシュダウンされます。
つまり、divはブロックレベルの汎用コンテナです。
これをスパンに置き換えると、これは全く印象的ではありません。実際に何かを見ることができるからです。ここで変更が見られますが、それは通常の段落のように見えるので、リフレッシュする予定です。コンテナがあります。
今、何もしていないこのコンテンツの周りに一般的なスパンがあります。
それはインラインコンテナですが、divとは異なります。
だから、スパンは基本的にコンテンツを行単位でグループ化するためのもので、divはコンテンツをグループ化する別の方法です。
しかし、それはブロックレベルの要素です。
だから私はこれが現時点では少し理論的であることを知っています。
の実用性を理解するのは難しいことです。
しかし、すぐに私たちがC
Sに入ると、私は追加したスパンを見つけて15ポイントのフォントと黄色にしたり、divを見つけてオレンジ色の枠線を付けたりするなど、何かを言うことができます。そうすれば、このコンテンツの周りにオレンジ色の境界線ができます。
すべての適切なdivsスパンの汎用コンテナ。
1つは黒で、1つは並んでいます