TIL 6일차 2021.08.30

오늘 배운 것

1. CSS

레아아웃과 스타일링을 위한 도구

id	class
#으로 선택	.으로 선택
한 문서에 단 하나의 요소에만 적용	동일한 값을 갖는 요소 많음
특정 요소에 이름을 붙이는 데 사용	스타일의 분류(classification)에 사용

CSS 단위

글꼴의 단위는 절대 단위와 상대 단위, 두 가지로 구분할 수 있습니다. 일반적 경우 상대 단위인 rem을 사용한다. 브라우저의 기본 글자 크기가 1rem이다. em은 부모 요소에 따라 상대적으로 크기가 계산된다.

• 절대 단위: px, pt 등
• 상대 단위: %, em, rem, ch, vw, vh 등

	block	inline-block	inline
줄바꿈 여부	줄바꿈이 일어남	줄바꿈이 일어나지 않음	줄바꿈이 일어나지 않음
기본적으로 갖는 너비(width)	100%	글자가 차지하는 만큼	글자가 차지하는 만큼
width, height 사용 가능여부	가능	가능	불가능

박스 크기 측정 기준

* {
    box-sizing: border-box;
}

2. 계산기 구현하기

• bare minimum test 통과
• 현재 Advanced Challenge test 진행 중

---

내일 배울 것

• 계산기 구현하기
• git 예습
• CSS 방법론 정리