profile
백엔드 지망생 (벨로그 탈주각 재는중)
post-thumbnail

TIL 33. HTML Semantic Tag

HTML에는 다양한 요소들이 있다.그리고 각각의 HTML요소들은 스타일에서 세부적인 차이가 있다.그러나 태그들간의 세부적인 차이는 사실 큰 상관이 없다.그렇다고 해서 div와 span만 쓰라는게 아니다!HTML 태그는 기능, 스타일뿐만 아니라 의미를 가져야 한다.내가

2021년 6월 7일
·
0개의 댓글
post-thumbnail

TIL 3. CSS 요소의 공간과 position

요소의 border 바깥에 있는, 외부공간.collapsing margins : body 속 element의 margin이 body를 뛰어넘을 때가 있다. it only happens in the very top and bottom, when the border of

2021년 5월 13일
·
0개의 댓글
post-thumbnail

TIL 7. CSS 길이 단위와 media query

반응형 단위 (뭐라고 불러야 되지) em, %, vh, vw, 등등 media query : CSS만을 이용해서 사용자의 스크린 사이즈에 반응할 수 있는 방법. 스크린 사이즈에 따라 CSS 스타일들을 바꿀 수 있다! > 난 초보자도 아닌데, 지금도 이게 정말 멋

2021년 5월 7일
·
0개의 댓글
post-thumbnail

TIL 6. CSS grid 레이아웃

grid VS flexbox Flexbox is essentially for laying out items in a single dimension – in a row OR a column. Grid is for layout of items in two dimension

2021년 5월 7일
·
0개의 댓글
post-thumbnail

TIL 5. CSS 애니메이션 : transition과 keyframes

Transition : we can animate a change from one state to the other. transition이라는 property는 state(ex. :hover)가 없는 element에다가 넣어야 한다.(일종의 부모 element) 그리

2021년 5월 4일
·
0개의 댓글
post-thumbnail

TIL 4. CSS 블록, 인라인과 레이아웃(float과 flex)

display block block(막다. ex.레고블럭) doesn't allow anything next to it. ex. div, header, main, article, footer, etc. inline inline(in the same line) is

2021년 5월 4일
·
0개의 댓글
post-thumbnail

TIL 2. CSS 선택자와 변수

selector : pointing at the element by call the tag or id(#) or class(.)'s name. SELECTOR SPECIFITY : selector중에서도 적용의 우선순위가 있다. id(#)는 100, class(.)

2021년 5월 4일
·
0개의 댓글