HTML과 CSS

1. HTML(HyperText Markup Language)

• 초창기 웹에서 하이퍼링크로 연결하고 마크업으로 스타일과 역할을 부여
• 문서의 구조와 의미를 담당

Markup이 뭘까?

• 원고에 대한 수정지침에서 유래된 용어
• 디스플레이에 출력되는 방법

HTML5

• 멀티미디어 요소(영상, 음성) 추가
• 구조적 요소(header, nav, section, aside, footer) 추가
• 표현을 담당하던 태그 삭제, 의미를 담은 태그가 추가 (ex. b -> strong)

2. CSS(Cascading Style Sheets)

등장 배경

다양한 HTML문서에 공통적으로 스타일이나 구조적으로 수정사항 발생시 불편함 -> 스타일과 구조를 위임하게됨 -> CSS 등장

구조

selector {
  property:value
}

selector: 어디에 스타일을 적용할 것인가?

property: 어떤 스타일을 적용할 것인가?

value: 어떻게 스타일을 적용할 것인가?

주의 사항

1. 태그마다 기본 스타일이 있다.

• ResetCSS를 이용하면 태그에 기본적으로 설정되어 있는 스타일을 지울 수 있다.

2. 브라우저마다 기본 스타일이 다르다.

• Normalize.css를 이용하면 브라우저간 차이점을 통일해준다.

추가적으로 알아볼 것

1. CSS에서 class와 id의 차이점

2. CSS 선택자의 종류 알아보기