Front End/HTML & CSS7 [CSS] 김버그의 HTML&CSS는 재밌다 | Typography [Typography] .text { font-size : 16px; /* px em rem */ line-height: 1.5; letter-spacing: -0.01em; /* px em */ font-family: "Poppins". sans-serif; font-weight: 400; /* regular: 400; bold: 700; */ color: #0061ff; /* hex rgb rgba */ text-align: left; /*left center right */ text-indent: 10px; text-transform: none; /* none capitalize uppercase lowercase */ text-decoration: none; /* none underline lin.. 2021. 4. 28. [CSS] 김버그의 HTML&CSS는 재밌다 | Media Query [Media Query] 반응형 웹 ; Responsive Web을 만들기 위해서 HTML 태그 안에 위와 같은 meta 태그를 선언해야함. @media screen and (min-width: 768px){ } 모바일, 태블릿, 데스크탑 순서로 viewport가 점점 커지는 형식으로 작업을 하는 것이 더 수월하다. 예를 들어 모바일에 맞는 CSS를 적용했을 시, 그 아래 media query를 선언하고 먼저 선언한 스타일코드와 다른 부분을 적으면 된다. .banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: #ffc82c; } @media screen and (min-width: 768px) { .banner { bot.. 2021. 4. 28. 이전 1 2 다음
