whatisthis?

Background practice (에어비앤비) index.html Plus Entire apartment 4.97 (203) Unwind in a Bright Space with Rustic Accents Rooms and beds 2 guests 1 bedroom 1 bed 1 bath Amenities Wifi Kitchen style.css .like-button { box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } /* ▼ WHERE YOUR CODE BEGINS */ * { box-sizing: border-box; margin: 0; } body { font-family: "Poppins", sans-serif; } .sr-only { display: no..

1/ background-color 배경색을 넣음 hex | rgb | rgba 2/ background-image 배경으로 이미지를 넣음 - url() 함수를 사용해야함. - url(이미지 경로) or url(이미지 주소) .selector { background-image: url(./assets/image.png); } 3/ backgroud-repeat 배경 이미지 반복 여부 repeat | no-repeat 대부분은 no-repeat 으로 함. ( default 값은 repeat임) 4/ background-size 배경 사이즈 (크기) contain | cover | custom contain 포함됨 (요소 안에 모든 면이 다 들어가게) - 빈공간 생겨도 cover 빈공간 없이 꽉 차도록 (사..

Typography Library 제작 하나의 라이브러리를 제작. 💡 라이브러리(library)란? 일종의 kit. 자주 사용하는 코드(CSS의 경우엔 클래스) 를 한번 적어놓고 계속해서 사용할 수 있게 함. 1/ Noto Sans KR import 해오기 - fonts.google 이용 font-size와 그에 어울리는 line-height, letter-spacing을 같이 묶어서 정의하는 경우가 많음. 2/ font-size에 대한 라이브러리 제작 (typography.css) /* Font size */ .fs-tiny { font-size: 12px; line-height: 1.3333333; letter-spacing: -0.015em; } 위와 같이 font-size는 12px로 하고, li..