CSS기초

클래스선택자: 문서  안에서 여러번 반복

id  선택자: 문서 안에서 한번만반복

<style>
	#container{
    	width:600px;
	}
</style>

<div id="container">

같은 h2이지만 적용되는 스타일 다르게 적용가능

<style>
	h2.accent{
    
        }
</style>

<h2 class="accent"> </h2>
<h2 class="bluetext"></h2>
<p>사람에게 구체적으로 <span class="bluetext">도움</span>을 주는 책<br>

그룹선택자 쉼표로 구분하여 여러선택자 나열

<style>
h1,h2{
	text-align:center; 
}
</style>

 

캐스캐이딩 

'위에서 아래로 흐른다'

선택자에 여러 스타일이 적용될 때 충돌을 막기위해 '위에서 아래로 흐르는 방법'을 선택

 

스타일상속

글자색은 상속되지만 배경색은 상속되지 않음

 

스타일 우선순위

중요스타일 지정

<stlye>
	h2{
		color:brown !important;
	}
</style>

인라인스타일->id스타일->클래스스타일->태그스타일