さて、ここで別のエクササイズの時間です。
この演習では、SSセレクターまで話したことのすべてをカバーする予定です。
だから我々は実際に次の来る完全な結束ウェブサイトを構築するつもりはない。
私たちは、次の練習でちょっとしたブログを作ろうと思っています。
これは、問題が非常に短い問題の束と伝統的な運動の多くです。
基本的には、私はこれのように見えるHMOの束をあなたに与えています。
それは本当に何も意味しません。
実際、ここのすべてのテキストはhipster ipsumというWebサイトからのものです。
それは、テーブルとロケール、そしてポートランドとウィリアムズバーグへの農場のようなヒップスターの言葉を使用していることを除けば、寮のようなものです。
だからそれは単なる言葉だ。
それでは、このファイルは何が問題なのかは問題ではありません。
私もあなたに与えたCSSAファイルは空です。
たくさんのコメントとは別に、これらのコメントはあなたが何をする必要があるかについての指示を与えます。
上の行が最も重要な行スタイルであるため、次の指示に従ってHTML要素が変更されても、既存のHVMはこの権利を変更しません。
CSIのみ。
つまり、このファイルには触れないということです。
これはあなたのための初心者コードと同じです。
これはHVMです。
あなたはC SSのすべてをやるつもりです。ここに入り、新しいアイデアを追加したり、新しいクラスを追加したり、新しい要素を追加することはできません。
ちょうどそれがいかに正確であるかを保つ。
だから、それが動作する方法は異なる問題があります。
最初の要素はbody要素にこの色の背景を与えます。
私たちは選択したボディにコードを書いて、それにこのような色を付けます。
だから、私はあなたにその1つを無料で提供します。
私はあなたの大部分がそれをしていたと確信しています。
これらのすべてに同じことが起こりますので、すべての年齢層が何かをしてすべての同盟国の要素を1つのメモにします。
これらの中には、まだ実際にはカバーしていない物件を使用するよう依頼するものもありますが、それは意図的です。
私は、あなたがまだビデオで明示的に話していないいくつかのプロパティについて、いくつかの経験を持ってほしいです。
その場合、ここに1つあります。
divの中に入れ子になっている段落を25ピクセル分楽しんだ後、括弧で囲んでください。必要なコードをフォントサイズ25xにします。
だから、それらのいくつかがさらにあります。
ここに1つ、もう1つあります。すべてのチェックボックスに50ピクセルの左余白があるようにします。余白を50ピクセル残して使用する必要があります。次の少数のビデオに何が入っているのか正確には分かりません。
もう一つのメモがここにあります。
彼らは一緒に行くと少し難しくなります。
上に戻ると、要素セレクタから始まり、クラスとアイデアについて話をしてから、最後のビデオで述べた他のセレクタについて話を始めます。
だから、divの中に入れ子になっている段落のすべてをタイプテキストの入力だけにする。
偉大な背景を持って、3番目のdiv 5ピクセルの白い枠内に2番目の段落を与えるようなものがあります。
30年代のCSSAセレクタで、ここで使用する必要があるすべてのセレクタを見つけることができます。
記事を暗記する必要があります。オンラインで簡単に見つけることができます。
最後のビデオではカバーしていなかったものがいくつかあり、それらはボーナスチャレンジセクションの下にあります。
チェックされているすべてのチェックボックスに左マージンがあるようにすると、チェックされたチェックボックスを選択する方法があります。
または別のものがあります。
特別な緑色と100ピクセルのフォントサイズの要素の最初の文字を作成します。
したがって、最初の文字だけを選択する方法があります。
ホバリングしたときにH-1要素の色が青色に変わるようにして、灰色に表示されたタグ要素を作成します。
タグがリンクであることを覚えておいてください
あなたが変更することができますか、サイトは以前行っていなかったリンクと比較してきたリンクの色を変更します。
だから、査定を見る書類の方法があります。
常に次のビデオでは解決策を検討します。
少しずつ行くことができますが、これらのボーナスすべてを試すことができる限り、これを打つことをお勧めします。
私がここで言及していないことの1つは、わずかに異なります。
h t
m lを変更せずにラベル要素をすべて大文字にします。セレクタは実際には単純ですが、すべてのラベル要素を選択するだけですが、プロパティは少し難しいです。
HTML内のテキストを実際に変更することなく、C Sを使って大文字にする方法があります。
あなたは色や境界を変更するのと同じように、C Sを介して行うことができます。
大文字または小文字にするプロパティを変更できます。
すべての権利は次のビデオで見ることができます