04.18 HTML&CSS study

4082 ワード

親子関係の理解

<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)
})