<aside> ✏️ 오늘 요약

</aside>

6. [예제로 배우는] CSS의 이해

CSS란?

적용 방법

인라인

<h1 style="color:rgb(137, 71, 71); text-align: center;">Login</h1>

내부 스타일 시트

<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>LOGIN</title>
    <style>
        h1 {
            color: rgb(137, 71, 71);
            text-align: center;
        }

        .login_inputs {
            font-size: 25px;
        }

        #btn_login {
            font-size: 30px;
            width: 100px;
            height: 30px;
        }
    </style>
</head>

<body>
    <h1>Login</h1>
    <form>
        ID : <input class="login_inputs" type="text">
        <br />
        PW : <input class="login_inputs" type="password">
        <br />
        <input id="btn_login" type="button" value="login">
    </form>
</body>

</html>

외부 스타일 시트

<!-- login.html -->
<!DOCTYPE html>

<head>
    <meta charset="UTF-8">
    <title>LOGIN</title>
    <link rel="stylesheet" href="login.css" />
</head>

// login.css

h1 {
  color: rgb(137, 71, 71);
  text-align: center;
}

.login_inputs {
  font-size: 25px;
}

#btn_login {
  font-size: 30px;
  width: 100px;
  height: 30px;
}

*HTML 태그 한쌍을 우리는 element 라고 부른다.

7. [예제로 배우는] Javascript 의 이해

스크립트 언어란?