이노캠 2주차(수)-배운 css정리

TIL 열심히 할 기력이 없다. 대신에 내가 참고할 내용을 정리함.

📌CSS기초

🔎간격

• margin: 바깥여백에 관여
  • margin: 30px 0px 0px 0px;(위->오른쪽->아래->왼 순서로 여백지정, 시계방향으로 이해)
    -padding:안쪽여백에 관여
• padding: 30px 0px 0px 0px;(방향 마찬가지)
  • padding-top: 30px;(안쪽 여백 중 위쪽 방향만 여백크기 지정)
    
    🔔 TIP! margin이나 padding 입력시 쭉 밀어라: auto
    ex)margin: 30px auto 30px auto;(이렇게 사용)

🔎정렬

• 양쪽 여백이 같다=== 박스가 가운데에 있다.
• shift+드래그 -> 끌어넣을 수 있음
  shift+tab : 왼쪽으로 정렬
  tab:오른쪽으로 정렬
• 정렬하고 싶은 만큼 드래그->shift+Alt+F누르면 정렬이 됨
  맥은 shift+obtion+F

🔎폰트스타일 바꾸기

구글 웹폰트: https://fonts.google.com/?subset=korean
들어가서 글꼴 선택 후 select 클릭, dismiss 누르고 impot 선택해서 스타일 뒤 복붙에서 code <style> 밑에 복붙 후 저장, 그 후 *(모두라는 뜻){css family코드도 복사} 후 저장하면 적용

🔔깃헙을 이용해서 파일을 배포할 때 중요한 팁

반드시 파일이 index.html 파일 하나만 있어야함.