[CSS] CSS 라이브러리

1. 학습한 내용

• 에밋으로 코딩하기 : https://emmet.io

CSS 커스텀 속성

: 작성자가 정의한 속성의 집합으로,
임의로 정한 이름의 속성에 임의의 값을 할당할 수 있음

• 커스텀 속성 주의점
  (1) 대소문자 구분함
  (2) 커스텀 속성에 속성명을 넣을 수는 없다
  (3) 커스텀 속성을 호출한 뒤 단위를 덧붙이면 적용하지 않는다.
  (calc 함수 사용하면 단위를 빼고도 사용 가능)

div{
	--main-padding: 2;
    padding: calc(var(--main padding) *1rem );
}

Sass

• CSS 문법을 다채롭게 만들어주는 도구
• 파일 확장자 : .scss, .sass

• Sass 장점
  (1) 셀렉터 부모 자식 관계를 네스트로 구현
  (2) 변수로 값 다시 사용하기
  (3) 파일을 분할해서 관리

SVG

• 화질에 영향 받지 않는 벡터 이미지
• 스타일 수정에 용이하며, 애니메이션과 css3효과 적용 가능함
• 로고와 아이콘, 데이터 시각화(시각화 프레임워크)에 사용됨

2. 어려웠던 내용

기능이 다양해서 신기하고 낯설다...

3. 해결 방법

다양한 기능들을 여러번 사용해보기!

4. 학습 소감

신기방기ㅎ