[CSS] css의 선택자
2024. 1. 27. 19:02ㆍFE/CSS
728x90
html에서 tag를 사용할 때, css의 선택자로 id, class를 사용할 수 있습니다. id 선택자를 사용하는 경우, css에서 "#"으로 접근할 수 있고, class 선택자를 사용하는 경우, css에서 "."으로 접근할 수 있습니다. class, id 선택자를 이용하는 예시 코드는 아래와 같습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
<style>
.mytitle {
color: red;
font-size: 40px;
}
/* #id{
color: blue;
} */
.mybtn{
color: white;
background-color: green;
font-size: 12px;
}
.mytxt{
color: orange;
}
</style>
</head>
<body>
<h1 class="mytitle">로그인 페이지</h1>
<p id="id" class="mytxt">ID: <input type="text"></p>
<p class="mytxt">PW: <input type="password"></p>
<button class="mybtn"> 로그인 하기</button>
</body>
</html>'FE > CSS' 카테고리의 다른 글
| [CSS] margin과 padding (0) | 2024.01.27 |
|---|---|
| [CSS] css의 flex 정렬 (0) | 2024.01.27 |