전체 글 (127) 썸네일형 리스트형 [html] ul, ol, dl, dt, dd 태그 -ul (unordered list) 순서 상관없음 -> list item -ol (ordered list) 순서형 목록태그 속성 type으로 바꿀 수 있다 -dl (definition list) 정의형 목록 태그 dl태그안에 태그도 있다. dt (definition title) 용어의 정의 dd (definition data) 용어의 설명. 들여쓰기된다 [Css] 반응형 단위 vw, vh, em, rem 크롬에서 폰트사이즈 변경할때 변경이됨 vw : viewport 너비의 1% vh : viewport 높이의 1% em : 요소의 글꼴 크기 rem : 루트 요소의 글꼴 크기 .parent { font-size: 8em; } .child { font-size: 0.5em; } 보통 폰트 사이즈 지정안하면 16px인데, parent가 8em이면 16px * 8 = 128px 로 표기가 되고 child는 128px(parent크기) * 0.5 = 64px 로 표기된다 퍼센트로 바꾸면 위의 em과 똑같다 .parent { font-size: 800%; } .child { font-size: 50%; } .parent { font-size: 8rem; } .child { font-size: 0.5rem; } pa.. [Css] Flexbox container에 꾸밀수 있는건 display flex-direction flex-wrap flex-flow justify-content align-items align-content item 지정할 수 있는건 order flex-grow flex-shrink flex align-self 초기세팅 container: 100vh 에서 100% 로 바꾸면 배경이 사라진다 container의 부모의 높이에서(부모 -> body) 100%로 하겠다 item에 width, height 추가 container에 display: flex를 주면 한줄에 작성된다 flex-direction: row가 기본값 flex-direction: row-reverse 는 오른쪽에서 왼쪽으로 flex-direction: colum.. 이전 1 ··· 16 17 18 19 20 21 22 ··· 43 다음
