판봉 개발 일기

오늘은 CSS의 크기 단위 먼저 살펴보겠습니다. 크기 단위 : px과 % - px : 픽셀 단위 - % : 백분율 단위 CSS엔 px과 %라는 크기 단위가 있습니다. 위의 사진과 같이 웹 브라우저의 문서의 기본 폰트 크기는 16px입니다. 즉 fonit-size : 150% --> 16*1.5=24px이 됩니다. 두번째 크기 단위로는 em과 rem이 있습니다. em : 부모 요소의 폰트 크기를 기준으로 하여 상대 비율을 정한 것 rem : 루트 요소(html) 폰트 크기 기준 상대 비율을 정한것 한가지 주의 할점이 있는데 단순히 em만 사용하면 나중에 문제가 복잡해지는 경우가 생깁니다. 부모 요소의 폰트크기를 찾을 수 없다면 그 부모의 부모요소를 찾게 되는데 이것을 코드를 작업할때 굉장히 고난을 초래하는..

오늘은 드디어 CSS에 대하여 배웠습니다. 그중에 CSS 선택자는 "Selector"라고도 하는데 셀렉터라고 읽으면 됩니다. 선택자를 쓰는 법은 다음과 같습니다. h1 { color:red; } 선택자 { 속성 : 값} 이라는 뜻이죠. 즉, h1태그에 color라는 색깔 속성에 값이 빨간색이 되도록 하라는 겁니다. 참고로 color는 글자색입니다.(주의할 점 : 배경색이 아님) 스타일 속성을 넣는 위치는 다양하게 있는데 보통 보편적으로 태그 사이에 넣습니다. 참고로 영문자p만 쓰고 엔터를 치게 되면 자동으로 가 입력됩니다. 꿀팁이니 알아두세요! 선택자 중에 "*"도 있는데 이것은 모든 요소를 선택합니다. 주로 프로젝트 초기에 세팅이 됩니다. 그리고 스타일을 넣을 때 전에 배웠던 id도 선택자도 쓸 수 있..