개발일지

디자인에 제일 중요한 건 컴포넌트 배치를 잘 해야 함 그 배치(플렉스)해야 할 곳에 컴포넌트 만들어서 넣어야 함 html symantec 태그 사용 박스는 촘촘하게 잡는 게 좋다 헤더에는 박스 세 개를 잡는다 header의 nav 안에는 두 박스를 준다 section > search_box > search_title, search_form search_form에 테이블 만들기(div로 만들어도 됨) search_box 태그 박스 설계 배치를 잘하기 위해 검색 버튼을 위한 박스도 만든다. html 구조 호스트가 되어보세요 도움말 회원가입 로그인 특색 있는 숙소와 즐길 거리를 예약하세요. 목적지 체크인 체크아웃 인원 인원 검색 에어비앤비 둘러보기 숙소 및 부티크 호텔 트립 어드벤처 레스토랑 추천 여행지 에어..

복습하기

position: relative DOCTYPE html> Document .box1{ position: relative; left: 100px; top: 100px; display: inline-block; width: 300px; height: 300px; background-color: red;} .box2{ display: inline-block; width: 300px; height: 300px; background-color: blue;} .box3{ display: inline-block; width: 300px; height: 300px; background-color: yellow;} 인라인블럭 인라인블럭 인라

position: relative DOCTYPE html> Document .box1{ position: relative; left: 100px; top: 100px; display: inline-block; width: 300px; height: 300px; background-color: red;} .box2{ display: inline-block; width: 300px; height: 300px; background-color: blue;} .box3{ display: inline-block; width: 300px; height: 300px; background-color: yellow;} 인라인블럭 인라인블럭 인라

첫번째 글자 두번째 글자 세번째 글자

마크업 언어 특 : 열고 닫는 태그 html -> 열고 닫는 태그 뭐가 있는지 공부 이 태그의 display가 block인지 inline인지 자바스크립트-> 기본문법 공부, 내장객체 핵심 요소를 알아야 함 =>그걸 알아야 body를 동적으로 반응하게 할 수 있다. block을 inline으로 속성을 바꾸면 text 정렬로도 정렬을 할 수 있다. ! 배치할 때는 flex 쓰기 ! text-align은 width 정렬 그것 빼고 모든 것들은 flex로 정렬 flex justify-content: 수직 정렬(기준축) align-items: 수평 정렬 (반대축) flex는 자식을 inline-block으로 바꾼다. 부모태그에 display:flex를 했다면 자식태그에 flex: 로 비율을 맞출 수 있다.