11日コード完了チャレンジ[1週目]2日目


1.学習内容


CSSベースラーニングから開くコード
코드를 입력하세요
```<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <style>
        .mytitle {
            color: red;
            font-size: 40px;
        }
    </style>
</head>
<body>
    <h1 class="mytitle">로그인 페이지</h1>
    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button>로그인하기</button>
</body>```
-bodyにclass="mytitle"を入れ、headに
<div class="mytitle">
        <h1>로그인 페이지</h1>
        <h5>아이디, 패스워드를 입력해주세요</h5>
</div>
ID:
PW:
ログイン
バックグラウンドバックグラウンドバージョンの作成:backgordound-colord/width/hight
✔フォントカラーと中央揃えカラー/text-align:center;
✔画像を入れる:background-image:url(")/background-size/background-position
✔辺円度:border-radius
✔辺距:外距[margin]/内辺距[padding]/自動辺距[margin:auto]
秘訣!margin:(上)(右)(下)(左)px
✔画面を中央に配置する:それをバンドルする
✔枠を中央に移動するのではなく、強制的に文章属性を枠属性に移動する:display:block;
<title>로그인페이지</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1&display=swap" rel="stylesheet">
    <style>
        * {
            font-family: 'Gothic A1', sans-serif;
        }```
✔<title> 밑에 두고 폰트코드링크를, <style> 밑에 *(모든태그에 다먹인다) {} 안에 폰트명을 넣는다.
✔注釈処理:注釈処理したい線を選択>ctrl+/(スラッシュ)再度クリックして元に戻す!
✔スタートバー開始時は、テンプレートで開始します.
美しいブートストラップコンポーネントサイト-https://getbootstrap.com/docs/4.0/components/alerts/
✔知らないCSSコードはGoogleです.

2.勉強の心得


今日は複数のCSSコードを使って勉強したせいか、ついていくのは難しいのですが、Tutter先生がこれから慣れると言ってくれたので、疲れない気持ちでもう一度復習します.!^^