06. 자주 쓰이는 CSS 연습하기 (1)

06. 자주 쓰이는 CSS 연습하기 (1)

• 1. 자주 쓰이는 CSS 연습하기
  <aside> 👉 [연습할 것들] h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding
  • 튜터와 함께 아래와 같은 화면을 만들어볼까요?<aside> 💡 margin과 padding ( → 헷갈리지 말기!)
    • margin은 바깥 여백을, padding은 내 안쪽 여백을
    • div에 색깔을 넣고, 직접 사용해서 차이를 비교해보세요!
    </aside>
    • [코드스니펫] 이미지URL
    • [<https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg>](<https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg>)

    로그인 페이지

    아이디, 비밀번호를 입력해주세요

    ID:

    PW:

    로그인하기

  •  
• </aside>

06. 자주 쓰이는 CSS 연습하기 (1)

• 1. 자주 쓰이는 CSS 연습하기
  <aside> 👉 [연습할 것들] h1, h5, background-image, background-size, background-position color, width, height, border-radius, margin, padding
  • 튜터와 함께 아래와 같은 화면을 만들어볼까요?<aside> 💡 margin과 padding ( → 헷갈리지 말기!)
    • margin은 바깥 여백을, padding은 내 안쪽 여백을
    • div에 색깔을 넣고, 직접 사용해서 차이를 비교해보세요!
    </aside>
    • [코드스니펫] 이미지URL
    • [<https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg>](<https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg>)

    로그인 페이지

    아이디, 비밀번호를 입력해주세요

    ID:

    PW:

    로그인하기

  •  
• </aside>