sp 1 3 css

25 Jul 2022

Sparta coding

웹개발 종합반 1주차

CSS 기초

Quiz : posting box 만들기

• background 이미지 설정은 3개가 set

  <style>
    .name {
      background-image: url("");
      background-size: cover;
      background-position: center;
    }
  </style>
  

• display flex는 4개가 set
  

  <style>
    .name {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
  </style>
  

  - 내용물이 여러개 들어있는 div를 다 정렬해줌
  

• div(mytitle)아래에 있는 button 선택

  <style>
    .mytitle > button {
  
    }
  
  

• pycharm 줄정렬 : crtl + alr + L