CSS2 (CSS) % vs em vs rem % css에서의 단위로 부모요소를 기반으로 값을 계산한다. /* 부모 */ 안녕 /* 자식 */ 예로 div의 font-size 값을 10%로 해두었으면 div의 부모 요소인 main의 font-size 값에서 10%를 한다. %는 해당 요소의 부모요소의 값을 기준으로 한다. em 1em = 100% 0.1em = 10% 동적인 크기를 정할 수 있는 단위 중 하나로 1em은 100%와 같다. 위의 %와 다른 점은 em은 폰트 사이즈를 기반으로 한다. em은 부모 요소의 폰트 사이즈에서 %를 해서 값을 부여한다. rem 1rem = 100% 0.1rem = 10% em과 동일하게 동적으로 크기를 지정할 수 있는 단위이며 폰트 사이즈를 기반으로 한다. em은 부모 요소의 폰트 사이즈라면 rem은 최상위 요소.. 2023. 2. 6. CSS 정리 CSS란? Cascading Style Sheet 의 약자입니다. 여기서 cascading 은 작은 폭포, 종속 등으로 해서되는데 이는 상위요소의 스타일 요소를 자손요소들에게 상속시키는 모습이 폭포수가 내려가는 모습을 닮았다고 합니다. *우선 순위 Author style -> user style -> browser 선택자 Selectors * universal 모든 곳 tag 태그를 골라냄 #id 해당 id를 골라냄 .class class를 골라냄 : state을 골라냄 [] 속성 attribute를 골라냄 CSS 사용 selector{ 꾸미고 싶은 것(color, width 등) : value; //값// } ex) butten:hover { // 버튼에 마우스를 올리면 바뀜 color: blue; }.. 2020. 7. 22. 이전 1 다음
