2021/0824 TIL

😀 Did

1. 아날로그 시계 프로젝트 구현 (HTML, CSS, 바닐라JS)

2. HTML, CSS 개념 정리

😇 Problem

• css를 구현하다보니 너무 전반적인 나의 코드가 너무 더러웠다고 느꼈고 css를 좀 더 쉽게 구현할 수 있는 방법이 있는지 연구해보고 별도로 css에 관한 라이브러리나 프레임워크가 있는지 알아보자.

😆 Solve

• 처음에는 부모 상속관의 관계로 내용들을 집어넣으려고 했지만 상속의 경우 border나 margin, padding나 태그 위치에 대한 내용을 상속이 되지 않으므로 이 방법은 쓰지 않았습니다.

• 그러나 html에서는 class가 중복으로 선언이 가능하여 중복되는 설정이 있을 경우 해당 클래스에 해당 내용을 집어 넣어 중복을 줄일 수 있다.

<div class = "circle circle1"></div>
<div class = "circle circle2"></div>
<div class = "circle circle4"></div>
<div class = "circle circle5"></div>