사전캠프 11일차

저번에 헤더 해결 안되는 것 부터 진행해야겠다..

헤더가 하얀색인데 검은색으로 바꿔야 한다면

<style>
 body {
      background-color: black;
        }

로 하면 된다.

body에는 이름표를 안 붙히는 이유는 태그가 1개라서

• body라고 하면 태그이름
• .body하면 이름표 이름

부트스트랩에서 정해진 색에 따라 맞춰 바꿀 수 있다.

• Primary 파란색
• Secondary 회색
• Danger 빨간색

visual code
홈
시리즈 이런 단어는 기호이름

계속 이렇게 나와서 물어봤더니
마지막 카드 위에

<div class="col"></div>
//이게 아니라
<div class="col">
이게 정답이었다.

박스를 만들기 위해서
가장 큰 박스를 만들여야 한다.
부트스트랩- floating labels

<div class="form-floating mb-3">
  <input type="email" class="form-control" id="floatingInput" placeholder="name@example.com">
  <label for="floatingInput">Email address</label>
</div>

가운데 셀렉트 버튼은
input group- custom forms

<div class="input-group mb-3">
 <label class="input-group-text" for="inputGroupSelect01">Options</label>
 <select class="form-select" id="inputGroupSelect01">
   <option selected>Choose...</option>
   <option value="1">One</option>
   <option value="2">Two</option>
   <option value="3">Three</option>
 </select>
</div>

크롬에 검사에 들어가서 꾸며보면 빠르다

element.style에서 컬러 효과 주기
label 도 있고 input 도 있다.
여러가지 있으니까 검사에서 바꿀 수 있다.
먼저 수정해서 괜찮으면 style에서 .form.flouting

<style> //맨밑에 
.form-floating  > input { 
            background-color: transparent;
            color: white;
        }
        .form-floating  > label {
            color: white;
        }

CSS에 반영하는 게 더 빠르다

width : 100% 값 줄 때 100% 는 끝까지 간다라는 뜻

Q

.form-flouting 은 어떨 때 쓰이는 거지 ?
form -flouting > label input 비교할 때 만 쓰는건가?
어떨 때 서야하는 거고