.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..

before 넣기 .pull-left::before{ content: " "; } 가운데 정렬 display: flex; /*가운데정렬*/ justify-content: center; /*주축 방향으로 가운데 정렬*/ align-items: center; /*교차축 방향으로 가운데 정렬*/ focous .form-control:focus{ border: 1px solid #2fafff; box-shadow: 0px 0px 3px 1px #2fafff; }

연결 선택자 : 선택자와 선택자를 연결해 적용 대상을 제한하는 선택자. 컴비네이션 선택자(combination selector) 또는 ‘조합 선택자’라고도 함 하위 선택자(descendant selector) 자식 선택자(child selector) 자식 요소에 스타일을 적용하는 선택자 두 요소 사이에 ‘>(부등호)’를 표시해 부모 요소와 자식 요소를 구분 인접 형제 선택자(adjacent selector) 같은 부모를 가진 형제 요소 중 첫 번째 동생 요소에만 스타일 적용 요소1과 요소2 사이에 ‘+’ 기호 사용 요소1과 요소2는 같은 레벨이면서 요소1 이후 첫번째 요소2에 적용 형제 선택자(sibling selector) 형제 요소들에 스타일 적용 인접 형제 선택자와 다른 점은 모든 형제 요소에 다 ..

2교시 위쪽정렬 프로젝트 대쉬보드 css *{ box-sizing: border-box; font-size: 14px; } body{ margin: 0; } a{ text-decoration: none; } .container{ margin: 0px auto; padding: 0px 15px; width: 1170px; } header { margin-bottom: 20px; border-bottom: 1px solid #e7e7e7; background-color: #383d40; } .navbar{ display: flex; justify-content: space-between; /* 중앙을 비운다.*/ align-items: center; /*가운데 정렬*/ width: 100%; } .brand..

태그만 써버리면 나중에 필요할때 못 줄 수 도 있다. 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%; }

선생님이 카카오 오븐 클론 페이지를 만들라고 했다. 개 빡세다. 날 죽여라. 내꺼. 난 여기까지 빡세다 글자폰트 다름. 글리피콘 내맘대로 잘안됨 하... 취업할 수 있을까? Java 수업이나 DataBase는 팀원들 덕분에 할 수 있었는데 웹 페이지는 .... 머리가..