04.18 HTML&CSS study

부모 자식 관계의 이해

<div>부모
	<div>자식<div>
</div>

인라인요소 블록요소

인라인요소 : 글자를 만들기 위한 요소 ex) span
블록요소 : 상자를 만들기 위한 요소 ex) div

주석종류

html 주석

<p>
<--! 애국가-->
</p>

css 주석

/*
<div>
	<span></span>
</div>
*/

전역 속성

<div data-fruit-name="apple">사과</div>
<div data-fruit-name="banana">바나나</div>

const els = document.querySelectorAll('div')
els.forEach(el =>{
	console.log(el.dataset.fruitName)
})