11日コード完了チャレンジ[1週目]2日目
9304 ワード
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先生がこれから慣れると言ってくれたので、疲れない気持ちでもう一度復習します.!^^
Reference
この問題について(11日コード完了チャレンジ[1週目]2日目), 我々は、より多くの情報をここで見つけました https://velog.io/@yimji20/11일코딩완주챌린지-2일차テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol