id 선택자

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택


class 선택자

난초

- 난초의 특성

난초는 외떡잎 식물 중에서 가장 진화한 식물


- 난초의 종류

동양란과 서양란으루 구별하며...

"> id,class선택자

id 선택자

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택


class 선택자

난초

- 난초의 특성

난초는 외떡잎 식물 중에서 가장 진화한 식물


- 난초의 종류

동양란과 서양란으루 구별하며...

"> id,class선택자

id 선택자

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택

#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택


class 선택자

난초

- 난초의 특성

난초는 외떡잎 식물 중에서 가장 진화한 식물


- 난초의 종류

동양란과 서양란으루 구별하며...

"> 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>id,class선택자</title>
<!--
	# id 선택자
	- 같은 요소라도 각기 다른 이름을 지정하여 따로 속성을 부여가능.
	- CSS에서 id 선택자 앞에 '#' 추가.
	
	# class 선택자
	- 여러 요소 중 같은 이름을 갖는 요소들에게 속성을 부여가능.
	- 여러개의 요소에 같은 class 명을 부여.
	- CSS에서는 선택자 앞에 '.' 추가.
-->
<style type="text/css">
	#select_1{color: #f7ebbd;}
	#select_2{color:#7697e1;}
	.title{color: red;}
	h3.title{color: orange;}
	.type{color: brown; font-weight: bold;}
	
</style>
</head>
<body>
	<h2>id 선택자</h2>
	<p id="select_1">#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택</p>
	<p id="select_2">#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택</p>
	<p>#으로 시작해서 웹페이지에서 CSS로 꾸미고자 하는 id선택</p><br>
	
	<h2>class 선택자</h2>
	<h3 class="title">난초</h3>
	<h4 class="title">- 난초의 특성</h4>
	<p>난초는 외떡잎 식물 중에서 가장 진화한 식물</p><br>
	<h4>- 난초의 종류</h4>
	<p><span class="type">동양란</span>과 <span>서양란</span>으루 구별하며...</p>
</body>
</html>