[230321] HTML/CSS 실습

💻 vending machine 실습

https://github.com/yoonmallang22/vending-machine

• inline 요소 안에는 inline 요소만 들어갈 수 있다
  <a> 제외
  https://validator.w3.org/#validate_by_input 꼭 확인하기
  (<button> 안에 <p>,<div> 적어서 과제 제출했음ㅜ 꼭 기억하자!)

• 버튼 폰트, 색상 상속받게 해줘야 한다
  ∵ ex) 아이폰 버튼 기본 색상 파란색

💡 버튼 기본 스타일 속성으로 들어가는 것

padding: 1px 6px;
text-align: center;
box-sizing: border-box;
cursor: default;

• 데이터를 보내지 않는다면 굳이 <form>을 사용하지 않아도 된다

• inline-block/block 요소만 transform: rotate()를 줄 수 있다

• 완전 익숙해질 때까지 레이아웃부터 먼저 잡는다
  '어떤게 공통적으로 들어가있을까?'

💻 custom form 실습

https://github.com/yoonmallang22/HTML-CSS/tree/main/exercise%F0%9F%93%9D/custom-form

• :checked
• appearance: none;

  The appearance CSS property is used to control native appearance of UI controls, that are based on operating system's theme.

---

혜진 강사님 HTML/CSS 수업 마지막날이었다ㅠ
3주동안 정말 많은 것들을 알려주셨는데(강사님 천재만재👏) HTML/CSS를 빡세게 공부할 수 있었어서 좋았다!
몰랐던 것도 많이 알게 되었고 알고 있던 것들도 제대로 기억하게 된 것 같다ㅎㅎ 잊어버리지 않게 꾸준히 복습해야겠다📖
내가 조아하는 칭구들 보내주고.. 담주부터 JavaScript 본격적으로 시작한다..!
다음 주의 나 홧팅🤞