CSS/JavaScript 문법 정리

<h1 style="backgroundcolor:coral;color:powderblue"></h1> : style 태그에서 "CSS 속성:값" 형식으로 작성

<div></div> : CSS, JavaScript 문법을 사용하고 싶을 때 사용하는 아무 의미없는 태그, 줄 전체를 사용하므로 줄바꿈이 적용됨

<span></span> : div와 동일, 줄 전체를 사용하지 않으므로 줄바꿈이 적용되지 않는다

<style></style> : CSS문으로 구성한다는 의미의 구분자

<style>

.js{  

color:red;    : 모든 js 클래스에 적용한다(클래스 선택자)

}

</style>

<style>

#first{  

color:red;    : 모든 first id에 적용한다(Id 선택자)

}

</style>

클래스는 학교, id는 학번과 비슷한 의미이다. 보통 클래스중 특이한 몇 개만 id 설정하여 예외 처리한다

span{

color:red;    : 페이지의 모든 span 태그에 대해 적용한다

}

<input type="button" onclick="

document.querySelector('body').style.backgroundColor = black;    : 버튼 클릭시 문서의 body 태그에 대해 배경색을 black으로 변경

">

</input>