TIL(1) 21-09-13 : Today I Learned 기록 시작

오늘 배운 것

자주 쓰이는 HTML, CSS

• 이미지 넣기

  <style>
          .item-img{
              background-image: url('https://www.ancient-origins.net
				/sites/default/files/field/image/Agesilaus-II-cover.jpg');
              background-position: center;
              background-size: cover;
          }
  </style>​

• 만들어둔 화면을 가운데로 가져오려면?
  • width를 주고, margin: auto를 사용하자!
  • 그래도 안되면? display:block을 추가!
• Bootstrap
  • 부트스트랩을 통해, 디자인을 깔끔하게 만들 수 있다. 

Javascript

• 왠지 이건 있을 것 같은 것은 직접 만들지 말고 구글에 먼저 찾아보자!
  • 자바스크립트는 파이썬과 같이 내장함수가 많이 있다. 검색해보며 활용하자.

원페이지 쇼핑몰 만들기

• <span>을 통해 해당 글자만 작게 바꿀 수 있다.
• Bootstrap을 사용하니 디자인하기가 편리해졌다. 🥰
• 부모 태그는 자녀태그에게 영향을 준다. 전체 크기를 맞추려면, div로 전체를 묶어서 size를 조정해주자.