トップ3のCSSのヒント


こんにちは世界!
ようこそ、戻って、私は個人的に誰かを望んだトップ3 CSSのヒントは、私が始めたとき私に言った.いつものように、我々はまっすぐにポイントに行くでしょう.

ヒント1:@メディア


あなたの75 %は多分、何がメディアであるかについて、わかりません.@メディアがとても難しいならば、あなたは考えているかもしれません、なぜ私はそれを学ぶべきですか?🤔
さて、私は矛盾しない、メディアは最も難しいCSSの概念の一つです.さて、私が視聴者の99 %を失った今、@メディアに入りましょう!
まず、例から始めましょう.
@media only screen and (max-width: 600px) {
  body {
    background-color: blue;
  }
}
基本的に、背景色は600 px未満の幅を持つすべてのデバイスに青になります.
私が言っていた単語を理解?基本的には(max-width: 600px) 一部?したがって、スタイルを表示するスクリーンの最大幅は600 pxです.
CSSのような種類のCSSの右?ああ、とBTW、あなたもJavaScriptでそれを行うことができます!
var width = window.innerWidth;
if(width > 100){
   alert('Device bigger than 100px');
}
要約:@ CSSでJavaScriptを

CSSのデフォルトフォント


CSSへの違反はありませんが、デフォルトのフォントが吸います.ここであなたのフォントを変更する簡単なチュートリアルです.
  • 訪問fonts.google.com .
  • CSSのデフォルトのフォントではない任意のフォントをクリックします.
  • スタイルを選択します.
  • 「選択した家族」ボタンをクリックします.

  • 側からポップアップを指示する
  • 十分に簡単に、数分以上かかる必要はありません、CSSのデフォルトフォントにさよならを覚えて!

    ヒント3 :ライブラリを使う


    プレーンCSSは良いですが、非常に効率的ではありません.ブートストラップやTailWindCSSのような人気のCSSライブラリをダウンロードできます.私はたぶん明日についてのポストを書くでしょう.
    CSSライブラリはCSSに代わらず、その日の終わりにはCSSライブラリは基本的にCSSへのアドオンです.
    したがって、通常、あなたがCSSを学んでいるならば、あなたも多分JavaScriptを学んでいます!それで、この見出しの残りで、JavaScriptライブラリについて話しましょうCheaterJS .
    Cheaterjsは基本的に多くの一般的なJavaScript機能を備えたモジュールです.今すぐCSSに戻る!

    まとめ


    おお、これは私がさよならとそのようなものと言う部分です.あなたが昇進を憎むならば、これはあなたが去る時間であるという良い指標です.
    まだ読んでいる0 %には、さよなら、良い一日を過ごす.このようなものを私に従ってください.(本当の生活plzで私について来ないでください)