카카오 오븐은 부트스트랩을 토대로 만들어진 베타버전 우리는 노가다 중 혼자만들때는 더 노가다였다. 나의 프로젝트 나에게 공유된 프로젝트 모두 선택 새로운 프로젝트 만들기 .row{ display: flex; /**/ } .nav-stacked{ margin: 0; padding: 0px 15px 0px 0px; width: 277.5px; list-style-type: none; } .nav-stacked-list{ margin-bottom: 1px; border-radius: 2px; padding: 10px 15px; width: 262.5px; height: 40px; cursor: pointer; } .nav-stacked-list:not([class *= active-list]):hover{ b..

.btn-toggle{ display: flex; align-items: center; /*붙어있게*/ border: 1px solid #ccc; border-radius: 2px; width: 80px; } .change-viewtype{ background-color: white; color: #333; border: none; padding: 6px 12px; width: 40px; height: 34px; cursor: pointer; } .btn-toggle .change-viewtype:first-child{ border-right: 1px solid #ccc; } .page-header{ display: flex; justify-content: space-between; } .pull-rig..

태그만 써버리면 나중에 필요할때 못 줄 수 도 있다. class 를 우선 주도록 한다.?? 목록은 ul로 잡자 caret 을 font Awsome 에서 다운을 받았다. span을 안해도 적용이 된다. i 는 이텔릭체 1 교시 html OvenBETA 양진구 Css *{ box-sizing: border-box; font-size: 14px; } body{ margin: 0; } .container{ margin: 0px auto; padding: 0px 15px; width: 1170px; } .navbar{ display: flex; justify-content: space-between; /* 중앙을 비운다.*/ align-items: center; /*가운데 정렬*/ width: 100%; }

내것 클론페이지

background-color 속성 웹 문서의 요소에 배경색 지정 16진수나 rgb 값, rgba 값 또는 색상 이름 사용 배경색은 상속되지 않는다 background-clip 속성 배경을 어디까지 적용할지 지정 ( padding 까지 먹힌다.) 클립까지 히든 잡고 패딩 솔리드 보더박스 background-image 속성 배경 이미지 파일 경로 지정 background-repeat 속성 배경 이미지 반복 여부 및 반복 방향 지정 repeat 은 기본값 background-position 속성 배경 이미지를 반복하지 않을 경우, 배경 이미지를 표시할 위치 지정 ① 백분율 : 배경 이미지의 가로 위치와 세로 위치를 %로 나타냄. 예) background-postion: 0% 0% , background-po..

2교시 시작 box container2 는 box container1에 영향을 받는다. .box-container2{ /* position: relative; */ top: 100px; left: 100px; border: 1px solid black; width: 300px; height: 300px; } 포지션을 지운다면 relative 가 없다면 body 까지 올라간다. 가운데 상자가 바깥상자가 커지던 작아지던 가운데 정렬 하시오 선생님 border-radius image 프로필 .profile-img-box{ display: flex; justify-content: center; align-items: center; border: 5px solid #dbdbdb99; border-radius: 5..