課題コメント11/5

🚩金曜日はハン・ジェヒョン先生のカリキュラムを中心にしたカリキュラムだ.
レイアウトのためには、それを中心としたボックスモデルに揃えることが大切らしい!
チャレンジ(?)そうではありませんが、授業中にネイバー会員が入っていました.
非常にシンプルなレイアウトに見えますが、1つ修正すると1つ変更されます...
これも11月5日にコメントを発表した理由です.
リンクテキスト
まず難しいところを見て、

1.描けない。

アイデンティティパスワードを探す前に、ロック状の画像があります.
最初は仮想要素の選択者:::beforeとして、アップロードを書きたいです.

.find_id::before {}
	

でも絵が見えないの?
コードの中にあるのに画面をクリックしても写真が見えない.
理由は.写真が大きすぎて白いネガしか撮れませんでした.
💡background-size:contain
background-size:containコンテンツのアスペクト比を維持しながら、コンテンツのサイズを調整して枠内に入れます!

ボタンとaは何を入れますか?

ログイン時に該当するボタンを押して、身分とパスワードを入力できる欄に入ります.
もちろんボタンですが、ボタンを使いますか?
💡buttonとaタグの違い
講師はbuttonとaの違いを教えてくれた.
buttonは、機能上コミットやリセットなどの機能が必要な場合に使用します.
a別のページに移動する必要がある場合に使用します.
画面を見て、そのボタンをクリックすると、画面が移動します.
だからaラベルを使いました.

<a href="" class="link-login"><img src="../images/title.png" alt="네이버" class="naver">로그인</a>
        <section class="find">
            <img src="../images/lock.png" alt="" class= "lock">
            <a href="#" class="find_id">아이디</a>
            <a href="#">비밀번호찾기</a>
        </section>
        <section class="login">
            <img src="../images/user.png" alt="사용자" class="user">
            <a href="#">회원가입</a>
        </section>

    </article>
</body>
</html>

3.並べ替えの問題

いいえ.
これは一番頭が痛い問題です.
html組織構造を使用し、cssを使用してスタイルを作成し、1つを追加します.そのうちの1つが近づきます.
marginまたはpaddingに調整すると、全体のサイズが変更されたり、倒壊したり...
いつもパニックになっている状況です...
💡vertical-aligh
今回新たに認識できる垂直ソート機能です.
垂直-aligh:top、marging-topに調整し、上から
調和がとれる

 .naver {
            width: 60px;
            height: 12px;
            vertical-align: top;
            margin-top: 3px;
            margin-right: 5px;
          }

*******
今回勉強している間に他の人たちのハーモニーをたくさん見ることができて本当に楽しかったです
しかも直接新しい方向に展開できるのでちょっと新鮮で面白いです
そして勉强の必要性を感じました.来週から始められる学習グループを構成しました.
みんながウィンウィンの学習者になることを望みます!!