今度は、H-1と3歳のテキストの色を変えましょう。暗いデフォルトのブートストラップカラーがここに入り、H-1カラーの白とH-3カラーの白をリフレッシュできます。
そして、私たちはそれと同じように白いテキストを取得します。
しかし、これらの2つが同じでH-1のコンマH-3を使用していて、それらが両方とも白になるため、これらを組み合わせることもできます。
コンマがあるときはいつでも、異なるグループを選択するだけです。
だから、双子はすべて年齢が3歳で、まったく同じように見えます。
しかし、私たちはこれをさらに単純化して、体内のすべてをカラーホワイトにすることもできます。
そして、問題が変わるかもしれないと思うかもしれないし、ボタンが変わるかもしれないか、またはナビバーが、より具体的であることを覚えていてください。
私たちにはBootstrapのクラスがありますが、これはH-1とH-3です。クラスやIDはなく、ボディカラーをH1に設定することで独自のスタイルでオーバーライドしやすくなっています3歳はその色を継承し、それ以外はすべて継承しました。
それは単にオーバーライドされました。
だから、もし私たちがこのボタンを言うと、私たちは見てみましょう。
選択すると、色がこの色に設定されていることがわかります。ボタンのデフォルトでは3 3 3です。
しかし、私たちがスクロールし続けると、ここのボディが色を白に設定していることがわかります。
大丈夫。
もう一度彼らは両方とも白であると言いました。
さて、フォントのサイズについて考えてみましょう。
H-1も同様です。
私たちはそれが現在ではない折り畳まれることを望みます。
それは大胆にする必要があり、親要素よりも5倍大きい5
cmsにしておきたいので、それぞれを選択して、フォントの太さを700にします。これは、太字のリフレッシュを使用する方法です。
あなたはそれを大胆に見ることができます。
今度はそれをもっと大きくして、フォントサイズ5 E-Mにしましょう。
今戻ってそこに行きます。
だからこそ近づいている。
今、H1とH-3の間のこの比率はまったく同じに見えます。
H-3に何もする必要はありません。イメージが私たちが望むように動作するようにする必要があります。
そしてそれをするために私はあなたに以前見たことのないものを見せます。
私は暗闇を右に動かすつもりで、もし私が老人を要素または身体から検査すると、彼らは両方がページの終わりの前に止まることがわかります。
だからここで
それが私の文書の時代の終わりです。
だから、身体をカバーするようにイメージを伝え、それをカバーするバックグラウンドのサイズとバックグラウンドの位置を中央にすると、ボディのサイズが考慮されます。
これを解決するためには、HTL要素の高さを100％にすることです。これは、ドキュメントウィンドウ全体だけであるコンテナの100％を占めることを意味します。
男性の身長は100％です。戻ってきます。
今すぐフルスクリーンにしてリフレッシュしましょう。
私たちのイメージは、私たちがそれを期待している方法で働き、私は縮小します。
そしてそれは私にも良く見えます。
ここでは、注目すべき2つの主なことが残っています。
最初のものはHです。 R. それは、私たちがずっと小さくなっていると思われるほど広いです。
そして、ここでもフォントに焦点を当てたいと思います。
うまくアートワークを選んで開始し、我々がしたいのは400ピクセルのそれを与えることです。
だから私たちのC Sでは、hを400ピクセルで下から選択します。
そこに行く。
私がやっているもう一つのことは、あなたが気づいていないかも知れないかもしれない、ちょっと卑劣なことです。私はここに入り、上にフォルダーを与えます。
1ピクセルのソリッド。
それから彼らはここに8 8 8 8の色を持っています。
そして、ボーダーの底も同様に1ピクセルのソリッドで、これは透明な色になります。
0ゼロゼロゼロ点2。
だから、これは影の影響を与えません。
だから注意してください。
それは本当に見るのは難しいです。
私はスクリーンキャストでピックアップするかどうか分からないが、私たちが持っているのは国境であり、境界線のすぐ下に明るい灰色の線があり、少し影があるように見える。より明るい色。
OK。
だから私を信じると、それを見ることはできません。あるいは、あなたが背景のイメージを取り除くことができれば、それもそこに見えやすくなります。
次は、私が楽しかった素晴らしいアイコンに焦点を当てましょう。
だから私はそれを開いている。
楽しい。
驚くばかり。
知っている。
そしてここでCDを入手します。
開始するをクリックするとそこにコピーできるCDNがあります。
それを私たちのアプリケーションに入れて、これを一番上に保存してから、実際のアイコンを見てみましょう。
私たちが使ったことが分かっている最初のものはPAです。
そしてそれをするために必要なのは、高級ECO F A F AダッシュPAです。
だから私はボタンの中に入れます。
私が始めた直前にボタンに行くと、私はそれを加えました。
今戻ってきたら、小さなボタンがあるかどうかを確認できます。次に手のひらプリントがあり、次にサインアップとログインのためのアイコンが2つあります。
そしてその2人は私が彼らのことを覚えています。
私はあなたがあなたが別のアイコンを追加したいと知っていることを書き留めた後にサインアップするために次にここでそれを行うつもりです。
このクラスはF-8 PAではなくFです。 A. ダッシュユーザーダッシュPlusはプラス記号付きのアイコンを表示し、ログインするのはプラスなしのものと同じです。
だからダッシュユーザーと私たちは、これらの2つのアイコンがあります。
あなたが気付いていないかもしれないもう一つのことが、テキストの影です。
ここにはすべてのテキストの周りに影があり、そこにそれを見ることができます。
それはH-1とH-3の周りにあり、テクニカル・シャドーはSSのテキスト・ダッシュ・シャドウで設定できるものです。
そして、そこにはたくさんの断片があります。
ここで、オフセットXとオフセットYを座っていることがわかります。
それで、その言葉からどのくらい離れて影が行くべきか。
次に、そのぼかしの半径も設定しています。基本的にどのくらい厚くする必要がありますか。
そして、私が使っている色と影はちょっと複雑です。
多くの部分がありますので、CSSAファイルに一度に1つずつ入力してください。
したがって、コンテンツdivの内側にテキストダッシュシャドウが追加され、最初のダッシュシャドウが追加されます。
ゼロピクセル4ピクセル3ピクセルと私はそれを赤くすることで始めることは本当に明白になります、私が最初に追加している影がリフレッシュされます。
今度はカンマとインデントを付けて2番目のものを追加してから、0ピクセル8ピクセル13ピクセル、次にここでオレンジ色にしてみましょう。
このぼんやりとしたものが鮮やかなオレンジ色をしていることが分かります。次に、3番目の影があります.0ピクセルです。この最初の数字はXオフセット、次にyオフセットは18ピクセル、次に23ピクセルは半径です。これを黄色にして、明るい赤のタイトルの影があることがわかります。
そして少し離れたオレンジ色のもの。
そして、はるかにぼやけて、はるかに広い黄色のもの。
だから我々はそれらの色を変更したい。
私たちはそれに取り組んでいません。
だから色は少し刺激的です。
最初の1つ。
ゼロゼロゼロゼロ0。 4。
次のものは0の代わりに非常に似ています。 4 0。 1。
そしてもう1つは0です。 1。
だからRを使う。 G. B-A灰色の異なる色合いを設定しています。
そしてそこに行く。
それほどエキサイティングではありませんが、うまくいけば、ここでそれを見ることができます
それははるかに微妙ですが、ちょうどページに深みを少し追加します。
すばらしいです。
それだけで私たちがする必要があります。
私は戻って、ちょうどいくつかを包んでみましょう。
私がここで大切にしたいのは、ブートストラップを使用してそれに頼ることができるということですが、私たちはすべてのスタイルに頼っているわけではありません。
だから、私たちはnav
barを同じように保ちましたが、最後のビデオではnav barの色を変更する方法を示しましたが、背景イメージを追加したフォントを変更しました。
だから、基本的な基礎としてブートストラップを使用して、すべてのスタイルを一番上に追加しました。
しかし、私は、ほんの数行のコードで比較的尊敬できるものを作ったと思います。
そして、正直なところ、この1つのテキストのすべての太った部分のシャドーラインにしましょう。
驚くばかり。
だから私たちはサイトを比較的良く見せてくれました。
私たちは今のところブートストラップで終わっています。
次に、次のユニットでJavascriptに移動します。これは本当にエキサイティングです。
私たちはJavascriptだけに焦点を合わせることができるようにちょっとした面白いサイトやものを作成することから離れます。
しかし、その後、私たちはすべてを集めて、美しいサイトを作って、実際に見栄えの良いものを作っていきます。
それですぐに、このユニットを楽しんだことをうまく楽しんだブートストラップが登場します。
そして、いつものように質問があればコードをダウンロードすることをお勧めします。
このビデオの説明にあります。
さて、次のユニットを見るよ