본문 바로가기

개발 기록/HTML_CSS

도대체 HTML / CSS 어디까지 알아야 될까? (HTML, CSS 공부 범위)

웹 개발의 구성 요소 중 HTML과 CSS는 필수 요소입니다.

백엔드 개발을 하신다면 HTML / CSS는 다루시는 일이 많으시지 않으실 텐데요.

웹 서비스를 직접 만드신다면 HTML / CSS 개발은 피할 수 없습니다.

태그 하나하나만 보면 그렇게 어려워 보이지 않지만, 웹 서비스를 만들고자 한다면 프런트 개발을 진행 못하고 있는 모습이에요.

그럼 도대체 HTML과 CSS를 어느 범위까지 알아야 될지, 리스트 정리를 하도록 하겠습니다.

적어도 이 정도는 알아야 프런트 개발을 하실 수 있으실 테니까요.

아래 내용들을 알고 있으신지 한번 확인을 해보세요 😀

 

HTML의 태그

구분 설명 태그 비고
1 HTML 구조 html, head, body  
2 head 내 태그에 사용할 수 있는 태그 meta, title, script, link, style, base  
3 CSS를 연결하는 3가지 방법    
4 문서의 구조를 잡아주는 태그 div, header, article, nav, footer  
5 블록 태그와 인라인 태그의 차이    
6 네비게이션 만들기 패턴 a, ul, li  
7 이미지 입력하기 img  

 

CSS 내용

1. CSS 선택자 (클래스 / 아이디 / 태그 선택자)

2. 박스 모델 (margin, border, padding)

99. float

99. position

99. flexbox

99. grid

 


내용은 지속적으로 추가가 되겠습니다 :)