11.02 | Notion

⇒ 개별적으로 컨트롤하기 위한 '속성' (특별한 의미는 없음)"> ⇒ 개별적으로 컨트롤하기 위한 '속성' (특별한 의미는 없음)"> ⇒ 개별적으로 컨트롤하기 위한 '속성' (특별한 의미는 없음)">

< id=" ~ "> ⇒ 개별적으로 컨트롤하기 위한 '속성' (특별한 의미는 없음)
< class=" ~ "> ⇒ 공통으로 묶어서 컨트롤하기 위한 '속성' (특별한 의미는 없음)
id '속성' 호출 방법 : 앞에 [ # ]을 붙여서 호출
class '속성' 호출 방법 : 앞에 [ . ]을 붙여서 호출

< day1102 – webapp : (HTML) index >

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Insert title here</title>
		
		<style type="text/css"> /* [ doc internal ] 부분 */
	
		#header>.wrap {
			width: 800px;
			height: 69px;
			background-color: red;
		}
		
		</style>
	</head>
	<body>
	
		<header id="header">
			<h1>상단 영역</h1>
			<div class="wrap">
			</div>
		</header>
	
	</body>
</html>

임시 조절하는 방법 (크롬 창)

크롬 창에서 F12 누른 후, Ctrl + Shift + C 누르기 [ Select an element in the page to inspect it ]