HTML(Hyper Text Markup Language)

Markeup : 원고의 수정 지침

문서 구조와 의미로만 남게 되었다!

CSS(Cascading Style Sheets)

문서의 표현

HTML5

• 2014년 10월 28일 표준안이 확정됨
• 영상과 음성을 처리하기 위한 멀티미디어 요소가 추가됨
  • audio, video, canvas
• 구조적인 요소가 추가됨
  • header,nav,article,section,aside, footer…
• 표현을 담당하던 태그가 삭제되고 의미를 담은 태그가 추가됨
  • s → del
  • b → strong

<aside> ❗ 태그마다 기본 스타일이 있다.

<li></li>라면 자동 들여쓰기가 된다던지..

마음에 안들면 Reset CSS를 사용해 모든 HTML태그의 속성을 제거해버린뒤 처음부터 만들면 됨

</aside>

<aside> ❗ 브라우저마다 미묘하게 기본스타일이 다름

마음에 들지 않으면 Normalize.css를 사용하자

</aside>

CSS3

selector{ //어디에 스타일을 적용할 것인가?
	property value //value : 어떻게 스타일을 적용할 것인가?
	//property : 어떤 스타일을 적용할 것인가?
	...
}

HTML과 CSS 공부 방법은?

• 사례 외우기! 제일 빠름

https://codepen.io/ 를 참고해 특정 스타일 구현법을 알아보기

<aside> ❓ CSS에서 id와 class의 차이점은?, 만약 id가 여러개 있으면 어떻게 처리될까?

CSS의 선택자 종류 알아보기

</aside>