currentcolor, JS toggleClass

currentcolor (CSS)

body {
	color: blue;
}

nav {
	width: 100px;
	height: 100px;
	border: 10px solid currentcolor;
}

-> border 색상값은 부모(body)의 값으로 지정된다.
만약 nav의 color를 지정했다면 그 값으로 지정된다.

---

체크박스

<div class="input_type">
	<label>
		<span>문자입력 : </span>
		<input type="text">
	</label>
</div>

label : form 요소 이름
input : 사용자가 값을 입력하는 form 요소

input type

• text
• number
• email
• checkbox
  (종류 많음)

form = 입력값을 전송하는 버튼 생성

< form과 button의 차이 >

button의 type은 3개 (button, submit, reset)
type을 submit으로 지정해주면 form과 같다.

checkbox 노말라이즈

.custom_checkbox_1 > input[type="checkbox"] {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
	border-radius: 0;
	opacity: 0;
}

---

toggleClass (JS)

addClass, removeClass 반복