HTML & CSS
1.TIL 1. HTML이란?
HTML이란? HyperText Markup language. > "Hypertext(하이퍼텍스트)"란 웹 페이지를 다른 페이지로 연결하는 링크를 말합니다. 링크는 웹의 근본적인 속성입니다. 인터넷에 자료를 올리고 다른 사람이 만든 페이지로 링크함으로써, 여러분은
2.TIL 2. CSS 선택자와 변수
selector : pointing at the element by call the tag or id(#) or class(.)'s name. SELECTOR SPECIFITY : selector중에서도 적용의 우선순위가 있다. id(#)는 100, class(.)
3.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
4.TIL 7. CSS 길이 단위와 media query
반응형 단위 (뭐라고 불러야 되지) em, %, vh, vw, 등등 media query : CSS만을 이용해서 사용자의 스크린 사이즈에 반응할 수 있는 방법. 스크린 사이즈에 따라 CSS 스타일들을 바꿀 수 있다! > 난 초보자도 아닌데, 지금도 이게 정말 멋
5.TIL 33. HTML Semantic Tag
HTML에는 다양한 요소들이 있다.그리고 각각의 HTML요소들은 스타일에서 세부적인 차이가 있다.그러나 태그들간의 세부적인 차이는 사실 큰 상관이 없다.그렇다고 해서 div와 span만 쓰라는게 아니다!HTML 태그는 기능, 스타일뿐만 아니라 의미를 가져야 한다.내가
6.TIL 3. CSS 요소의 공간과 position
요소의 border 바깥에 있는, 외부공간.collapsing margins : body 속 element의 margin이 body를 뛰어넘을 때가 있다. it only happens in the very top and bottom, when the border of
7.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