스파르타 코딩클럽

11/1 일자 

 

• • HTML은 구역과 텍스트를 나타내는 코드로, CSS는 잡은 구역을 꾸며주는 것으로 생각합니다. HTML 내 style 속성으로 꾸미기를 할 수 있지만, 긴 세월 동안 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었습니다. HTML 코드 내에 CSS 파일을 불러와서 적용합니다.
  • 또한 CSS를 잘 사용할 줄 아는 것과, '예쁘게' 만드는 것은 다른 영역이기 때문에(붓을 잡을 줄 아는 것과 그림을 잘 그릴 줄 아는 것의 차이), 많은 경우 웹디자이너나 퍼블리셔에게 의존하게 됩니다.
    
    1. HTML 부모-자식 구조 살펴보기
       1. HTML과 CSS의 개념
       <aside> 👉 HTML은 뼈대, CSS는 꾸미기!<aside> 👉 html 태그는, "누가 누구 안에 있느냐"를 이해하는 것이 가장 중요합니다. 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받지요!
    • 빨간색 div 안에, 초록색/파란색 div가 들어있습니다. 아래와 같은 상황에서 빨간색 div를 가운데로 옮기면, 내용물인 초록/파란 div도 모두 함께 이동하겠죠!
    • 즉, 박스를 옮기면 안의 내용물도 함께 옮겨지는 것과 같은 원리입니다.
    • 같은 원리로, 초록 div의 글씨색을 바꾸면, 나는 버튼 1의 글씨 색도 바뀐답니다!
  • 내가 보고 자주 쓰임이 될꺼같다고 생각한 코드
  • TAP  : 우측으로 한칸
  • SHIFT TAP : 좌측으로 한칸
  • Ctrl + art + L : 기본정렬
• width: 가로길이
  height: 세로길이
• text-align: center : 가운데 정렬
•  
• background - image
• background-size; cover
• background-position; center;

처음 코딩해보고 느낀점: 어려운데 재밌다 신기하다? 

힘든점: 따라하는것도 힘들다..

목표: 이대로 잘 따라갔으면 좋겠다