HTML/CSS

- HTML, CSS 웹 기초 레이아웃 작성

CSS 기본적인 사용법

HTML 기본 태그 사용

display: inline-block

글 목록을 작성하기 위해 사용하는 <ul>, <ol>, <li> 태그

div 요소에 image를 넣기 위한 background image 속성들

margin collapse bug

좌표로 개체 위치를 적용할 수 있는 position 속성

floating 되어 있는 개체들의 레이어 순서를 부여해주기 위한 z-index

기본적으로 개체의 width는 위 그림에서 파란색 영역으로 padding, border를 포함하지 않은 순수 개체의 크기만 고려한다이 경우 실제 적용한 width 와 padding + border 가 포함된 브라우저에서 실제 보여지는 개체의 사이즈가 다를 수 있어 주의

CSS Reset, CSS Normalize

사용자 입력을 받기 위한 form & input

table 작성을 위한 tr, td 태그

pseudo-class selector

CSS 작성 방식 - OOCSS & BEM

font 스타일링을 위한 font-family, woff 등 font 설정

개체 정렬을 위한 방법 중 flexbox

코드 정렬 해주는 format document, HTML/CSS 코드 축약어 Emmet

Head 태그 내에 정의되는 요소들

width unit, media query

Chrome, IE CSS debugging

Font Awesome cdnjs, import, icon

CSS animation 적용 방법

Bootstrap

CSS 유지 보수 방법

Pseudo Element

file selector button 등 숨겨진 스타일을 변경하는 방법

DOM(Document Object Model) 과 shadow DOM

preprocessor SCSS