210825 개발일지

1) 학습한 내용

국내외 사이트 카피캣 CSS 추가 설명

github

• Reset CSS 코드사이트
  기존html태그가 가지고 있는 고유의 css를 완전 초기화 시키는 코드
  https://meyerweb.com/eric/tools/css/reset/

• normalize.css 기존의 디자인을 조금씩 가공한 상태 브라우저마다 디자인이 다를 때 버그를 줄이고, 디자인 오차를 줄여주도록 하는 것.
  https://necolas.github.io/normalize.css/

• CSS변수 (익스플로러는 지원x)
  박스=변수 ex.사과박스(변수명)
  값=value,data
  변수를 사용하는 이유, root안의 값을 바꿔주면 일괄적으로 변경됨으로 편리 및 직관적으로 볼수 있음.

      :root {
          --black: #18181a;
          --brand-color: #9147ff;
          --font-size-40: 40px;
      } 모든영역 적용
  
      모든영역 적용 중 그안에 또 다르게 적용할 때 사용.
      #intro {
          --font-color: blue;
          --font-size: 50px;
      }
  
      #intro p {
          font-size: var(--font-size);
          color: var(--font-color);
      }

2) 학습내용 중 어려웠던 점
크게 어려운 점은 없었다.

3) 해결방법
수업진도를 따라간다.

4) 학습소감
: root안의 값을 바꿔주면 일괄적으로 변경 가능 한 것이 유용해 보였다.