23일 금요일
복습하고
벤딩머신 과제
먼저 HTML마크업을 하려고했지만 뭔가 눈에 보이지 않으니 참을 수가 없다
일단 헤더 로고 부분만 이미지 따와서 배치하고
메인을 그리드로 2분할 시켰다
왼쪽 음료 선택 영역도 그리드 짜주고 음료 1개만 우선 가상요소를 사용해서 완성해봤다
24일 토요일
나머지 영역 html 마크업 완료
대략 사이즈 설정도 완료
이제 스타일만 주면 된다
폰트 적용 질답
Q ) 왜 @import 폰트코드를 CSS 맨위에 둬야 할까요?
저번에 1만시간에서는 맨밑에 @font-face 가 있어도 잘됬는데?!
A) 각각의 url을 주소창에 입력해보면
폰트 페이스는 바로 파일이 다운받아지고
임폴트는 주저리주저리 코드가 적혀있는 창이 뜹니다.
정리하면,
제공되는 웹폰트를 css파일로 준다→ @import
파일을 CDN(Content Delivery Network)으로 준다→ @font-face
'멋쟁이사자처럼 프론트엔드 스쿨 > FE TIL' 카테고리의 다른 글
| [멋사 프론트엔드 스쿨]10월 6일 목요일 TIL_JS 배열, 조건문, 반복문 (0) | 2022.10.07 |
|---|---|
| [멋사 프론트엔드 스쿨]10월 5일 수요일 TIL_반응형 웹, 웹의 역사, JS배열 (0) | 2022.10.05 |
| [멋사 프론트엔드 스쿨]9월 22일 목요일 TIL_CSS 실무 테크닉 (1) | 2022.09.23 |
| [멋사 프론트엔드 스쿨]9월 21일 수요일 TIL_CODELION Javascript (0) | 2022.09.22 |
| [멋사 프론트엔드 스쿨]9월 19일 월요일 TIL_Flex-item 속성, Grid, CSS transition, transform, CSS Animation 애니메이션 (0) | 2022.09.19 |