반응형 웹기초2 CSS Flex(Flexible Box) 개념정리 ❖ float : 이미지와 텍스트를 어떻게 배치할 지 정의하기 위한 것 ❖ Flexbox 2가지 축 중심축, 반대축 ❖ Flex 속성 설정 - container container & item .container { background: beige; heigth:700px; display:flex; } flex-direction: row; 중심축 : 수평/ 수직 (row, column, row-reverse , column-reverse) flex-wrap: wrap; 한줄 넘어가면 넘어갈지 안넘어갈지 결정 (wrap ,nowrap) flex-flow: column nowrap; 위 2개 한번에 설정 justify-content: space-between; 중심축에서 아이템들 배치하기 flex-start .. 2021. 2. 15. HTML 과 CSS 기초 html 브라우저에서 실행 가능한 가장 기본적인 파일 마크업언어 : tag를 이용한 구조적 구조 ❖ 계층적 구조 DOM Tree 구조로 보관 : DOM Tree 구조로 보관 ❖ TopDown 방식 ❖ 를 이용한 구조 : html 문서의 meta 정보 기억 : 사용자의 화면에 보여지는 정보 : style 그룹 지정 시 사용 가능 -> 의미에 맞는 태그 사용 중요 ❖의미에 맞는 태그의 중요성 의미 이미지 제목 ( 대제목, 소제목) 문단 표 목록 강조 링크 ❖ HTML 에 추가할 수 있는 속성 attribute ⭐️class css style 만들고 부르는 역할 여러번 사용 ⭐️id 태그의 고유한 정보 표현 1번만 사용 추천(유니크한 값) 바깥 레이아웃 결정 영역에 주로 부여 data HTML element .. 2021. 2. 15. 이전 1 다음 반응형
