개발기록/HTML&CSS 2 CSS, flex 레이아웃 도장깨기 목차 flex Flexible box, Flex Box라고 부른다. 레이아웃 배치 전용으로 사용된다. flex HTML 구조 - 부모 div.container는 flex container로 불리는데 flex의 영향을 받는 전체 공간을 의미한다. - 자식 div.item는 flex item이라 불린다. item1 item2 item3 flex 부모속성 display : flex - //부모에 적용하는 속성 .container{ display: flex; //혹은 display : inline-flex;} display : flex; // 자식요소들이 가로방향으로 배치 display : block; // 자식요소들이 세로방향으로 배치 flex-direction - 줄바꿈을 결정한다. .container { .. 2022. 4. 25. HTML 선택자, class id name 차이 목차 선택자 class CSS문을 사용하기 위함이며, 페이지에서 여러 개의 요소에 지정가능하다. - 한 영역에서 여러개 정의하며 재사용이 가능하다. //제이쿼리 문법 $('.class 값'); //여러개 재사용 name CSS로 사용불가하며 HTML에서 여러개의 요소에서 지정가능하다. - form 전송 이벤트 발생시, 서버로 데이터를 전송하며 자바스크립트에서 요소를 탐색하기 위해 주로 사용한다. //제이쿼리 문법시 $('[name="값"]'); //form와 자바스크립트 뉴스 연예 만화 요리 const form = document.querySelector('form'); const formDate = new FormData(form); formData.get('info'); // info의 정보값 추출.. 2022. 4. 24. 이전 1 다음
