ネットワーク開発総合クラス第1週

1869 ワード

ショートカットバー

  • コードソート
    - Windows: Ctrl + Alt + L
  • macOS: option + command + L
  • コメント
  • Windows: Ctrl + /
  • macOS: command + /
  • CSSベース

  • 1)HTML親子構造の表示
    👉 htmlタグは「誰が誰の中にいるか」を理解する上で最も重要です.私を取り囲むラベルが変わったら、中の内容も影響を受けます!
    -赤divに緑/青divが含まれています.次のような場合、赤divを真ん中に移動すると、内容物の緑/青divも一緒に移動するでしょう.
    -つまり、箱を動かすと中身も一緒に動く原理です.
    -同じ原理で、緑divのフォント色を変えると、ボタン1のフォント色を変えます!
  • 2)CSSベース
  • CSSの使い方
    👉 ~ でスペースを作成します.
    次のコードは、いくつかの簡単な使用方法を提供します.
    mytitleという名前のクラスを指す場合.mytitle { ... } 必ず書きます!覚えておいてください.
  • すべてのCSSを知るわけがないでしょう~~今日使うのもとても良いことだけを知っています!
    残りは検索して書けばいい~!
    <aside>
    👉 배경관련
    background-color
    background-image
    background-size
    
    사이즈
    width
    height
    
    폰트
    font-size
    font-weight
    font-family
    color
    
    간격
    margin
    padding
    
    </aside>
  • 練習常用CSS

  • 1)常用CSS練習
    👉 [練習するもの]
    h1, h5, background-image, background-size, background-position
    color, width, height, border-radius, margin, padding
  • 2)フォントの変更
    Google web fontlinkラベルをコピーし、~の間でCSSをコピーして間に置きます.