반응형 개발 공부/Html, CSS8 CSS Flex(Flexible Box) CSS Flex(Flexible Box) 대부분 사이트는 전체 레이아웃이 수직 구성이며 ‘위-아래’로 스크롤 하여 사용합니다. 레이아웃을 구성할 때 가장 많이 사용하는 요소(Elements)들이 기본적으로 블록(Block) 개념으로 표시(Display)되며 이는 뷰(View)에 수직(위에서 아래로)으로 쌓이기 때문에 수직 구성은 상대적으로 쉽게 만들 수 있습니다. 하지만 수평(왼쪽에서 오른쪽으로) 구성의 경우는 상황이 조금 다릅니다. 문제는 수평 구조를 만드는 속성이 명확하지 않았기 때문인데, 그래서 많은 경우 나 float 혹은 inline-block 등의 도움을 받았습니다. 하지만 이러한 방법들은 다양한 문제(Clear, White space 등, 해결은 가능하지만..)를 가지고 있기 때문에 결국 수.. 2023. 10. 18. Html 태그 정리 Html 태그 정리 Html 태그 사용 빈도수 1. 텍스트 관련 태그 HTML 태그 (1) 태그 종류 설명 hn 제목 / h1~h6까지 숫자가 커질수록 글자 크기는 작아진다. p 텍스트 단락 / 내용이 길면 웹 브라우저 창의 너비에 맞게 자동으로 줄을 바꾼다. br 줄 바꿈 / 텍스트 단락 중 원하는 위치에서 줄을 바꾼다. blockquote 내용 인용 / 다른 내용보다 들여 쓰고 단락으로 표시한다. strong 중요한 텍스트를 굵게 표시한다. b 중요하지는 않지만 굵게 표시한다. em 중요한 텍스트를 기울게 표시한다. i 중요하지는 않지만 기울게 표시한다. ins 내용을 편집할 때 추가한 내용을 표시한다. del 내용을 편집할 때 삭제한 내용을 표시한다. sup 위 첨자 sub 아래 첨자 2. 목록 관.. 2023. 10. 18. 이전 1 2 다음 반응형
