맨 땅에 프론트엔드 개발자 되기

CSS 문법에서 크기를 설정하는 방식은 크게 3가지가 있다. 1. 고정 단위 - px, cm 등 단위로 입력하는 방법 2. 상대적 단위 - %, em, fr 등으로 입력하는 방법 3. 화면비 - vh, vw 으로 입력하는 방법 고정 단위 px는 우리가 알고 있는 컴퓨터의 픽셀 단위를 의미한다. 예를 들어 height: 200px 이면, 높이를 200픽셀로 설정하겠다는 의미다. px, cm, mm 등은 우리가 실생활에서 익숙하게 쓰는 고정된 단위로 px이 컴퓨터와 호환이 가장 높은 단위기 때문에 주로 cm, mm 보다는 px이 많이 쓰여지게 된다. 상대적 단위 %, em, fr은 모두 부모 요소에 따른 상대적 단위를 의미한다. %는 선택자가 속해있는 부모 요소 중에서의 비율을 의미하고, em도 동일하다. ..

CSS 문법에서 컬러는 입력하는 방법은 4가지가 있다. 1. Color Name 2. RGB 3. HEX 4. HSL Color Name 제일 쉽고 직관적인 방법으로, 컬러 이름으로 지정하는 방법이다. 그러나 세상의 모든 색을 이름으로 불러 지정하기 어렵듯이 CSS 기본 문법에서 제공하는 컬러 이름은 가짓수가 한정적이다. 어떤 컬러 이름이 제공되고 있는지 궁금하다면 아래 링크 클릭! https://www.w3schools.com/colors/colors_names.asp HTML Color Names W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering po..